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图 灵 社 区 的 电子 书 没有 采用 专 有 客 
户 端 ， 您 可 以 在 任意 设备 上 ， ih 
己 喜 欢 的 浏览 器 和 PDF 阅读 器 进 
阅读 。 

但 您 购买 的 电子 书 仅 供 您 个 人 使 
用 ， 未 经 授权 ， 不 得 进行 传播 。 
我 们 愿意 相信 读者 具有 这 样 的 民 知 
和 咒 悟 ， 与 我 们 共同 保护 知识 产 
权 。 

如 果 购 买 者 有 侵权 行为 ， 我 们 可 能 
对 该 用 户 实 施 包 括 但 不 限于 关闭 该 
帐号 等 维权 措施 ， 并 可 能 退 究 法 律 
责任 。 
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内 容 提 要 
本 书 的 主题 是 如 何 制定 移动 战略 以 及 如 何 针 对 小 屏幕 进行 设计 和 写作 。 书 中 重点 关注 移动 设备 CE 
re HEFL EPL) 上 的 可 用 性 ， 还 涵盖 了 构建 移动 战略 、 为 小 屏幕 设计 、 移 动 应 用 的 写作 、 可 用 性 
对 比 等 主题 。 书 中 内 含 228 张 高 清 全 彩 图 片 以 表明 观点 。 
本 书 适合 移动 开发 人 员 、 议 计 师 等 阅读 。 
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大 于 作者 


Jakob Nielsen 


Jakob Nielsen 博士 是 尼 尔 条 — HRM] (Nielsen Norman Group ) 
的 领导 肴 之 一 。 他 发 起 了 “简化 可 用 性 工程 ”(discount usability 
engineering ) 运动 ， 强调 用 一 些 快速 而 有 效 的 方法 提升 用 户 界 面 的 
质量 。 他 被 《美国 新 闻 和 世界 报 掉 》 杂 志和 从 为 “在 Web 可 用 性 领域 
的 世界 杰出 专家 ”"， 权 威 报纸 《今日 美国 》 则 称赞 他 洞悉 过 去 未 来 的 
能 力 “ 卉 比 时 间 机 带 ”"。 他 还 是 畅销 书 Designing Web Usability: The 
Practice of Simplicity (New Riders Publishing, 2000) 的 作者 。 该 书 
AMER 22 种 语言 ， 销 售 量 超 过 25 万 册 。 

他 的 其 他 著作 包括 《可 用 性 工程 ( Usability Engineering )、 
Usability Inspection Methods ( Wiley, 1994, 与 Robert L. Mack 合 著 )、 
Multimedia and Hypertext: The Internet and Beyond ( Morgan 
Kaufmann, 1995), International User Interfaces ( Wiley, 1996 ), ( & 
业主 页 设计 技术 : 50 佳 站 点 赏析 》( Homepage Usability: 50 Websites 
Deconstructed, New Riders Publishing, 2001, 5j Marie Tahir 43% )、 
Prioritizing Web Usability ( New Riders Publishing, 2006, +5 Hoa Loranger 
tr). Eyetracking Web Usability ( New Riders Publishing, 2010, 与 
Kara Pernice G3 )。 从 1995 年 起 他 就 在 www.useit.com 开设 了 关于 
Web 可 用 性 的 专栏 Alertbox， 目 前 大 约 有 20 万 名 读者 。 

从 1994 年 到 1998 年 ， 他 一 百 是 太阳 微 系 统 公司 的 里 越 工 程 师 
( Distinguished Engineer )， 之 前 还 在 贝尔 通信 人 研究 所 、 丹 麦 技术 大 
学 和 IBM 用 户 界面 研究 所 工作 过 。 他 已 经 获得 了 80 多 项 美国 专利 ， 
主要 涉及 一 些 让 互联 网 更 易于 使 用 的 方法 。 他 拥有 丹麦 技术 大 学 人 
机 交互 方面 的 博士 学 位 。 
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vi 关于 作者 


Raluca Budiu 


Raluca Budiu È EMEEK — v se S HT — 5 HP ds e 
家 。 她 在 该 集团 从 事 可 用 性 研究 ， 与 各 行 各 业 的 大 型 企业 交流 沟通 ， 
并 提供 移动 可 用 性 、 触 措 设 备 可 用 性 、 设 计 师 认 知 心理 学 和 人 机 交 
互 原则 这 些 方面 的 辅导 培训 。 她 还 参与 撰写 有 关 移 动 可 用 性 、iPad 
可 用 性 和 儿童 网 站 可 用 性 的 研究 报告 。 

2004 年 到 2007 年 ， 她 曾 供职 于 施乐 公司 所 属 的 帆 洛 阿尔 托 研究 
中 心 (Xerox PARc )， 从 事 人 机 交互 研究 。 她 探索 出 了 一 些 测量 “ 信 
EAR” (information scent ) 的 新 方法 ,还 进行 过 社交 书签 系统 的 界面 、 
标签 (tagging ) 的 认 知 益处 等 方面 的 研究 。 她 还 曾 在 微软 公司 担任 
用 户 人 研究 员 ， 针 对 将 用 户 生 成 的 内 容 和 Web 社交 化 功能 整合 进 MSN 
这 个 课题 ， 进 行 方 器 性 探索 ， 并 提供 战略 性 建议 。 

去 由 洛 阿尔 托 研 究 中 心 工 作 之 前 ， 她 从 事 心理 博 言 学 和 认 知 科 
学 人 研究， 并 构建 计算 机 模型 展示 人 类 如 何 理解 语言 。 

她 创作 了 20 多 篇 人 机 交互 、 心 理学 和 认 知 科学 方面 的 文章 及 研 
讨 会 论文 ， 拥 有 卡 内 基 — 梅 隆 大 学 的 博士 学 位 。 
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本 书 的 主题 很 浴 单 : 如何 为 移动 设备 和 平板 电脑 设计 最 适合 的 网 站 及 应 用 。 与 其 他 众多 局 
-主题 的 书籍 不 同 ， 本 书 是 根据 普通 用 户 使 用 这 些 设备 的 实际 调研 写成 的 。 

从 过 去 几 十 年 的 可 用 性 研究 中 可 以 得 出 一 个 重要 教训 : ANSE AY EDR FT AT RELE 
一 般 人 觉得 易于 使 用 。 你 正在 阅读 这 本 书 ， 这 件 事 本 号 就 证 明 你 和 一 般 的 移动 用 户 有 着 很 大 区 
别 。 请 跟着 我 一 起 说 “目标 用 户 不 是 我 ， 除 非 你 要 设计 的 应 用 是 给 设计 师 用 的 。 

大 多 数 关 于 移动 端 设计 的 书籍 都 在 向 你 描述 作者 的 个 人 豆 好 ， 从 头 到 尾 讲 述 他 们 上 自己 觉得 
什么 是 好 的 。 尽 管 这些 观 点 可 能 很 有 趣 ， 但 从 更 具 代 表 性 的 用 户 那里 获取 实际 的 可 用 性 调研 结 
A BE 

第 1 章 介绍 了 我 们 是 如 何 进行 研究 的 。 如 果 只 想 知 道 调 研 结 末 ， 不 关心 调研 过 程 ， 那 么 你 
可 以 跳 过 这 一 音 。 但 这 一 章 很 得， 因此 建议 你 还 是 读 一 恋 。 也 许 你 会 发 现 得 到 真实 数据 竟然 这 
么 容易 ， 恨 不 得 马上 杀 目 进行 用 户 测试 。 谁 知道 呢 ? 

第 2 章 提 到 了 每 次 进行 移动 端 设计 前 都 应 先 回答 的 一 个 问题 : 你 是 否 真 的 需要 创建 一 个 移 
动 网 站 或 应 用 ? 

第 3 EMR 4 章 是 全 书 的 核心 部 分 ， 讲 解 如 何 针对 移动 设备 进行 设计 以 及 如 何 为 小 屏幕 创 
建 内 容 。 第 5 草 将 这 些 概念 进一步 运用 到 更 大 的 平板 电脑 屏幕 上 。 

第 6 章 为 读者 提供 了 超越 现 有 平面 触 探 屏幕 的 更 宽广 的 视角 。 附 录 则 回顾 了 iPhone 出 现 之 
前 的 那些 手机 。 


移动 世界 到 底 有 何不 同 


2012 年 ， 市 场 分 析 公 司 Monetate 公布 了 一 项 研究 结果 ， 是 根据 其 电子 商务 客户 所 产生 的 1 
亿 次 网 站 访问 分 析 得 出 的 。 其 中 ,不 同 的 网 站 访问 设备 所 产生 的 转化 率 存 在 巨大 差异 ， 如 下 表 
所 示 : 


E 


















































i & 转 化 率 
桌面 电脑 ” 3.5% 
ol 1.4% 
平板 电脑 Jae 


(D 这 里 指 包 括 台 式 机 、 笔 记 本 电脑 和 一 体 机 在 内 的 传统 PC。 一 一 译 者 注 
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“转化 率 ” 的 定义 很 简单 ， 是 指 发 生 期 望 行为 的 访问 者 占 全 体 访 问 者 的 百分比 。 在 
电子 商务 网 站 里 (例如 上 表 分 析 的 那些 ) 更 容 萄 理解 ， 因 为 “期 望 行为 ”就 是 指 购买 。 
因此 ，3 匈 的 转化 率 意 味 着 每 100 个 网 站 访客 中 有 3 人 发 生 了 购买 行为 ， 另 外 97 人 则 什么 都 
A 3L. 


很 明显 ,移动 用 户 发 生 购 关 行 为 的 比例 远 远 小 于 坐 在 PC 前 的 人 们 。 有 趣 的 是 ， 与 手机 用 
户 相 比 ， 平 板 电 脑 用 户 的 转化 率 更 接近 于 果 面 电脑 用 户 。 你 将 在 第 5 章 中 看 到 ， 这 点 与 我 们 获 
得 的 可 用 性 调研 结果 相符 ， 因 为 我 们 观察 到 ， 在 平板 电脑 ( 比如 iPad ) 上 浏览 网 站 要 比 在 手机 
上 容易 许多 。 

面 对 昌 面 电 脑 和 手机 间 转 化 紊 的 巨大 差异 ， 我 们 应 当 如 何 解 读 ? 可 能 至 少 会 得 出 以 下 两 种 
很 不 一 样 的 结论 。 

m 移动 用 户 体 验 肯 定 很 粳 料 。( 事实 上 ， 我 们 在 用 户 测 试 中 的 确 发 现 了 这 点 。) 因此 ， 如 采 

有 企业 设计 出 为 移动 设备 优化 过 的 、 方 便 移 动用 户 使 用 的 网 站 ， 那 它 束 发 财 了 。 毕 苋 ， 
如 打 移 动 网 站 像 梨 面 电脑 上 的 网 站 那样 吻 用 的 话 ， 移 动 销售 量 将 会 是 目前 的 2.5 fi. 

W 投资 移动 庙 设计 并 不 值得 ， 因 为 移动 用 户 并 不 会 寓 来 多 少 生 意 。 手 机 适合 做 一 些 珊 僻 的 

事情 ， 比 如 查看 体育 比赛 的 得 分 和 发 布 Facebook 更 新 , 却 不 适合 用 来 做 更 高 价值 的 事 儿 。 

这 两 种 结论 都 有 道理 。 我 们 将 在 第 2 革 指 出 ,一 些 企业 根本 没有 必要 进行 移动 端 设计 ， 而 
其 他 许多 企业 则 应 当 进 行 移 动 界 面 改 进 ， 使 其 更 加 符合 移动 可 用 性 的 原则 ， 即 使 他 们 目前 尚未 
从 移动 用 户 喘 上 获得 多 少 收益 。 很 可 能 的 情形 是 ， 低 转化 率 造 成 生意 稀少 ， 而 低 转化 率 本 喘 又 
是 因为 采用 的 设计 不 能 满足 移动 用 户 的 特殊 需求 。 

那么 ， 这 些 特殊 的 移动 可 用 性 问题 到 撒 是 什么 呢 ? 从 某 种 程度 上 而 言 ， 它 们 中 的 一 些 与 我 
们 之 前 在 Web 可 用 性 的 书 中 讨论 的 津 见 可 用 性 问题 并 无 太 大 区 别 。 最 主要 的 区 别 是 ， 每 一 条 可 
用 性 原则 在 移动 世界 里 都 变 得 更 加 重要 。 

举例 来 说 , 当 讨论 Web 写作 时 , 我 们 总 是 提 到 要 简短 , 要 在 页 面 顶部 承 百 帘 了 当地 表明 观点 。 
如 果 一 开始 不 能 立即 切中 用 户 目 前 的 问题 ， 许 多 人 就 根本 不 会 再 去 看 下 面 的 内 容 。 这 条 原则 对 
更 面 电脑 应变 计 和 移动 细 设 计 痢 成 立 ， 但 对 移动 端 而 言 更 加 严格 。 在 小 屏 虱 上 ， 文 本 不 应 只 旦 
简短 ， 而 应 该 是 极 得， 移动 端的 “页 面 顶部 ”意味 着 一 块 更 加 狭小 的 区 域 。 

有 两 种 方式 可 用 来 判断 移动 和 桌面 电脑 的 用 户 体验 问题 是 否 人 存在 区 别 。 首 先 ， 根 据 经 验 ， 
我 们 可 以 肯定 地 说 这 两 类 设备 间 存 在 着 可 测量 的 差异 ， 前 表 中 的 转化 率 和 我 们 在 本 书 中 列举 的 
用 户 测试 数据 都 体现 了 这 一 点 。 

其 次 ,根据 常识 ， 对 明显 不 同 的 设备 应 当 在 设计 上 有 所 区 别 。 在 Web 诞生 之 初 ， 我 们 不 得 
不 同人 们 解释 设计 网 页 和 设计 杂志 、 宣 传 册 这 样 的 印刷 品 不 是 一 回 事 。 而 现在 ， 绝 大 多 数 人 很 
可 能 都 已 经 意识 到 ， 印 刷 和 在 线 是 两 种 过 然 不 同 的 嫁 介 ， 需 要 采取 不 同 的 设计 手法 。 与 之 类 似 ， 
移动 器 和 时 面 闯 设备 在 使 用 上 也 有 春 许 多 区 别 ， 例 如 ， 前 者 的 屏 才 小 而 后 者 的 屏 峰 大， 前 者 经 
利 移 动 而 后 者 相对 静止 ， 前 者 使 用 触 岳 控制 而 后 者 使 用 鼠标 操作 ， 前 者 使 用 无 线 联网 (有 时 不 
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RER) 而 后 者 使 用 高 速 有 线 互 联网 ， 等 等 。 


屏幕 蕉 图 只 意 在 举例 说 明 


两 年 后 读者 会 在 各 种 网 上 书店 里 对 本 书 发 表 什 么 样 的 书评 ， 我 们 现在 就 可 以 告诉 你 。 许 多 
读者 会 抱怨 书 中 的 屏 闪 惟 图 太 老 了 了， 其 他 人 则 会 说 还 没 等 到 企业 重新 设计 (希望 到 时 候 绝 大 多 
数 都 已 这 么 做 了 ) 就 对 人 家 原 有 的 移动 网 站 样式 进行 批评 是 不 公平 的 。 

实际 上 ， 即 使 你 在 出 版 当日 就 购买 了 本 书 ， 可 能 仍然 会 有 同样 的 感受 : 批评 一 些 在 本 书 编 
辑 和 印刷 时 就 已 得 到 改善 的 设计 不 太公 平 。 移 动 领域 的 发 展 日 新 月 异 ， 当 你 急切 地 拿 到 一 本 新 
鲜 出 炉 的 书 时 ， 里 面 提 到 的 许多 网 站 和 应 用 必然 都 已 经 推出 了 新 的 版 本 。 

然而 让 我 们 明确 一 点 : 我 们 展示 这 些 屏 幕 截图 不 是 为 了 批评 网 站 的 所 有 者 或 设计 师 。 这 不 
是 一 本 评选 最 佳 移动 网 站 或 推荐 优秀 应 用 的 书 。 我 们 甚至 不 关心 某 个 特定 网 站 是 好 是 坏 ， 因 为 
无 论 好 坏 都 和 我 们 没有 太 大 关系 。 不 过 ， 我 们 总 是 乐于 见 到 网 站 做 出 改进 ， 因 为 这 代表 了 我 们 
的 可 用 性 研究 成 果 被 采纳 ， 但 如 宁 某 种 设计 仍然 保持 原样 或 者 变 得 更 糟 ， 我 们 也 不 会 介 怀 。 

书 中 展示 的 屏 幕 规 图 只 是 用 来 举例 说 明 相 应 的 可 用 性 调研 成 果 。 如 果 我 们 不 举例 而 是 不 异 
骗 幅 详细 解释 那些 抽象 的 原则 ， 读 者 铠 怕 都 要 睡 着 了 。 

教学 设计 中 一 个 众所周知 的 人 性 原则 就 是 ， 具 体内 容 比 抽象 内 容 有 着 更 好 的 传播 效果 。 我 
们 只 不 过 是 在 依照 目 己 的 原则 ， 通 过 展示 ， 而 不 仅仅 是 告知 ， 来 表达 我 们 的 意思 。 

即使 某 个 企业 突然 大 彻 大 悟 ， 在 我 们 截取 图 像 之 后 做 了 设计 改进 ， 原 图 依然 是 用 来 演示 可 
用 性 原则 的 恨 好 取材 。 

举 一 个 元 例子 (meta-example， 意 即 关 于 例子 的 例子 )， 比 方 说 我 们 采用 了 一 张 苹 果 公 司 
1976 年 使 用 的 彩虹 条 纹 徽标 (logo) 图 ， 以 此 说 明 你 可 以 如 何 将 多 种 颜色 纳入 一 个 徽标 之 中 。 
虽然 苹果 公司 在 1998 年 就 改 用 了 单 色 徽标 ,但 这 并 不 意味 着 所 有 1976 版 的 徽标 图 片 都 应 从 关 
于 徽标 颜色 的 讨论 中 排除 出 去 。 

事实 上 ， 老 的 例子 有 时 候 比 新 的 更 好 ， 因 为 它们 会 更 清楚 地 展现 出 淤 在 的 设计 原则 。 一 些 
可 用 性 错误 正在 变 得 越 来 越 罕 见 〈 很 苹 运 )， 以 至 于 你 只 能 在 一 些 无 名 网 站 上 看 到 。 然 而 这 些 网 
站 往往 在 同一 屏 中 犯 下 多 个 设计 错误 ,使 得 拿 它 当 范 例 很 容易 产生 混淆 。 即 使 已 经 变 得 罕见 ， 
我 们 仍然 需要 提醒 读者 避免 这 些 可 用 性 错误 ， 因 为 总 是 会 有 人 辟 揭 出 一 个 糟糕 的 设计 ， 让 这 些 
铬 误 重 见 天 日 。 

P 面 就 是 一 个 很 好 的 例子 。 经 过 十 年 漫长 的 努力 ， 启 动画 面 这 一 对 用 户 严 重 不 友好 的 设计 
概念 总 算 几 乎 从 Web 上 绝迹 了 。 现 在 已 经 没有 任何 大 型 企业 或 知名 电子 商务 网 站 会 在 首页 前 端 
放 上 一 段 Flash 介绍 动画 了 。 但 是 ,我 们 测试 的 一 些 移 动 应 用 就 重新 引入 了 这 一 糟糕 的 用 户 体验 。 
果然 ,测试 用户 对 这 种 新 设计 候 声 载 道 ， 丈 像 2000 年 时 上 一 代用 户 抱 候 Flash 介绍 动画 一 样 。 

算 改 一 名 名言": 良好 用 户 体验 的 代价 就 是 永远 保持 警惕 。 如 果 你 不 了 解 过 去 的 错误 ， 它 就 
会 回来 咬 你 和 你 的 客户 一 口 。 



























































(D 原文 是 “自由 的 代价 就 是 永远 保持 警惕 ”"。 一 一 译 者 注 
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如 采 你 在 本 书 中 发 现 了 目 己 设计 的 屏幕 玲 图 ， 请 放心 ， 我 们 并 没 打算 对 你 不 利 ， 也 不 是 在 
对 你 的 设计 大 发 牢 又 。 我 们 很 清楚 ， 商 业 设 计 就 是 一 个 接 一 个 的 妥协 。 何 总， 设计 决定 权 还 经 
利 尘 握 在 老 派 的 、 不 理解 交互 设计 的 管理 者 手中 。 
书 中 的 范例 只 有 一 个 意图 ， 即 让 我 们 的 调研 成 果 更 加 上 有 具体。 你 可 以 借助 它们 了 解 某 些 用 户 
界面 给 普通 用 户 市 来 了 哪些 便利 或 是 给 他 们 造成 了 哪些 麻烦 。 

















Jakob Nielsen 和 Raluca Budiu 
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写 这 本 书 的 过 程 中 我 们 得 到 了 尼尔森 — 248 (Nielsen Norman Group ) 众多 项 目 组 的 文 
ffo Janelle Estes WA T HP WHEA ERE, Marieke McCloskey 则 研究 了 人 们 如 何在 
^F FEL A A HR 332 ed sett Ee, ANRE AR e Y —26]]: 89] xf. Hoa Loranger, 
Kara McCain, Amy Schade 和 Kathryn Whitenton 协助 我 们 做 了 几 项 可 用 性 调研 ，Kara McCain 还 
重新 设计 了 本 书 中 几 张 屏 龙 范例 图 ， 以 演示 如 何 改 进 可 用 性 。Luice Hwang 为 我 们 在 其 他 州 和 其 
他 国家 进行 的 众多 调研 建立 了 所 需 的 设施 。Susan Pernice 在 澳大利亚 和 和 荷兰 的 调研 中 主持 了 参 
与 者 招 莫 工作。 包括 Jen Cardello, Susan Farrell, Garrett Godlfield, Don Norman, Kara Pernice 
和 Bruce Tognazzini 在 内 的 其 他 尼尔森 一 诺 曼 集团 成 员 则 分 娃 了 他 们 自己 有 关 移 动 应 用 及 网 站 的 
故事 和 见解 。 

本 书 第 6 章 中 那些 前 党 视 沉 概念 是 由 Bruce Tognazzini, Amy Gallaher 和 Shuli Gilutz 组 成 
的 团队 提出 的 。Marc Ramsay 负责 了 2000 年 的 WAP 手机 调研 。Scott Butler 和 Ovo Studios 1i 
慨 地 为 我 们 提供 了 一 些 调研 中 所 需 的 移动 设备 摄像 头 。Hannah Kain, Aaron Katske 和 Brandon 
Marugg 帮助 我 们 解决 了 加 利 福 尼 亚 州 多 项 调研 的 设施 问题 。Cristian Lupsa 和 Decât o revista Z& 
志 为 我 们 在 罗马 尼 亚 的 调研 提供 了 场地 和 其 他 便利 条 件 ，Eric Chow 则 为 我 们 在 香港 的 调研 招收 
了 参与 者 。Mihai Budiu 不 但 为 我 们 的 Windows Phone 7 调研 出 借 自 己 的 手机 ， 无 私 地 提供 技术 
支持 和 建议 ， 还 贡献 了 不 少 深 刻 的 见解 。 最 后 ， 我 们 还 要 特别 感谢 为 本 书 付 梓 付 出 辛勤 劳动 的 
编辑 Susan Rimerman、Anne Marie Walker 和 Tracey Croom, 
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第 1 章 我 们 的 研究 





本 书 和 其 他 几乎 所 有 天 于 移动 用 户 界面 设计 的 
书 有 一 点 区 别 : 我 们 的 发 现 和 建议 都 基于 实际 调研 。 
我 们 不 依赖 于 目 己 的 见解 ， 也 不 会 建议 你 设计 我 们 
自己 偏爱 的 移动 网 站 和 应 用 。 


相反 ， 我 们 介绍 的 是 世界 各 地 的 普通 用 户 实 
际 上 是 如 何 使 用 网 站 和 应 用 的 。 人 们 豆 欢 什么 ? 不 
BRA? 什么 设计 易于 使 用 ? 什么 设计 会 造成 不 
便 ? 我 们 知道 ， 是 因为 我 们 曾经 杀 眼 目睹 。 











2 第 1 章 我们 的 研究 


亲爱 的 谈 者 ， 你 多 半 不 是 一 名 普通 用 户 。 你 可 能 对 移动 设备 和 用 户 界面 设计 格外 感 兴趣 ， 
否则 为 什么 会 购买 本 书 ， 而 不 是 以 同样 价格 买 下 好 几 本 精彩 十 足 的 犯罪 小 说 呢 ? 

我 们 俩 (Jakob 和 Raluca ) 都 拥有 博士 学 位 ， 有 痢 数 十 年 的 高 科技 企业 从 业经 历 和 用 户 体验 
研究 经 验 。 我 们 甚至 都 住 在 硅谷 。 我 们 侦 的 个 人 豆 好 无 足 轻 重 ， 因 为 我 们 和 全 球 大 多 数 用 户 完 
全 不 同 。 别 为 我 们 设计 ， 同样 ， 也 别 为 你 日 己 设计 。 

要 为 你 的 客户 设计 。 

我 们 强烈 建议 你 在 客户 试用 你 的 设计 时 ， 针 对 他 们 进行 可 用 性 调研 。 每 一 次 ， 你 都 会 收获 
有 价值 的 东西 。 在 本 章 中 ， 你 会 进一步 了 解 研 究 移动 可 用 性 的 正确 方法 。 

不 过 ， 为 什么 不 和 完 从 我 们 已 经 完成 的 调研 中 获 益 呢 ?” 本 书 中 的 发 现 综合 了 多 项 研究 ， 是 从 
对 真实 用 户 行为 的 数 百 小 时 观察 中 提 炬 而 来 的 。 本 作对 这 些 调研 做 了 概述 。 如 果 你 不 在 乎 我 们 
是 如 何 做 出 这 些 发 现 的 ， 可 以 跳 过 第 1 章 的 其 余部 分 ， 直 接 阅 读 第 2 半 的 调研 结果 。 


客户 委托 的 研究 

















我 们 进行 两 种 形式 的 用 户 研 究 : X 
户 委 托 调 研 和 我 们 公司 〈 尼 尔 森 - 诺 受 集 
团 ) 自己 出 资 进行 的 调研 。 咨 询 服务 的 省 
要 原则 是 对 所 有 客户 信息 保密 。 因 此 ， 我 


们 不 能 透露 客户 的 信息 ， 也 不 能 透露 相应 
的 调研 结果 。 这 就 是 为 什么 我 们 在 客户 委 
托 调 研 之 外 还 进行 了 大 量 的 独立 研究 。 我 
们 为 这 些 研究 支付 费用 ， 因 此 可 以 自由 地 
告诉 你 所 发 生 的 一 切 。 本 书 中 的 信息 均 基 


尽管 我 们 不 能 透露 客户 委托 的 工作 ， 
但 是 我 们 显然 清楚 那些 调研 中 发 生 的 一 
切 。 因 此 ， 那 些 秘密 的 研究 发 现 为 公开 的 
调研 设计 方法 提供 了 线索 。 如 果 在 客户 委 
托 调研 中 发 生 了 闻所未闻 的 事 ， 我 们 就 会 
投资 一 项 公开 调研 以 进一步 了 解 这 种 用 户 
行为 。 如 果 一 项 新 的 客户 委托 调研 确认 了 
上 一 年 某 项 公开 调研 的 发 现 ， 我 们 就 知道 


这 些 原 有 的 发 现 依然 有 效 ， 无 需 再 次 投资 
于 这 些 自费 的 研究 。 





1.1 Bidstia it 


在 之 前 的 移动 项 目 中 ， 我 们 分 别 进行 了 两 项 日 记 式 调研 来 了 解 人 们 在 手机 上 做 了 哪些 事情 。 
第 一 项 调研 涉及 14 个 人 人， 他们 来 自 6 个 国家 (澳大利亚 、 衙 兰 、 罗 马 尼 亚 、 新 加 坡 、 英 国 和 美 
国 )， 拥 有 不 同类 型 的 手机 ( 功能 型 手机 和 智能 手机 ， 包 括 触 屏 手 机 )。 在 第 二 项 日 记 式 调研 里 ， 
我 们 对 13 位 美国 的 iPhone 手机 用 户 采 集 了 数据 。 

在 第 一 项 日 记 式 调研 中 ， 我 们 不 太 关 心 具体 的 可 用 性 问题 ， 所 以 征集 了 技术 水 平 相对 较 高 
的 受 试 者 ， 并 且 不 像 传 统 可 用 性 测试 那样 对 他 们 的 职业 进行 限制 C 比如 不 能 是 开 相关 职业 )。 
而 在 第 二 项 调研 里 ， 我 们 招 蓝 了 不 在 市 场 营 销 或 IT 相关 领域 工作 的 更 加 普通 的 用 户 。 

两 项 日 记 式 调研 部 使 用 了 片段 技巧 (snippet technique ) 的 一 种 变型 ， 使 移动 记录 尽 可 能 地 
迅速 ， 尽 量 不 打扰 用 户 。 受 试 者 用 Twitter 记录 一 到 两 周 内 他 们 在 手机 上 做 的 每 一 件 事 (除了 打 
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电话 和 发 短信 )。 他 们 每 次 使 用 移动 设备 ， 就 会 发 一 条 人 微 博 来 帮助 自己 回忆 所 做 的 事 。 在 一 天 绪 
束 后 ， 用 户 回顾 这 些微 博 ， 并 在 一 张 列举 相应 移动 行为 的 问卷 上 详细 填写 每 项 行为 的 来 龙 去 脉 。 





第 一 项 日 记 式 调研 结束 时 ， 我 们 对 用 户 进行 了 短暂 的 电话 访问 。 在 第 二 项 调研 里 ， 受 试 者 
来 到 实验 室 参 与 了 一 项 第 规 的 可 用 性 测试 ， 而 非 电话 访问 。 


1.2 可 用 性 测试 


这 些 年 来 ， 我 们 进行 了 众多 的 移动 可 用 性 调研 ， 地 点 不 仅 包 括 美 国 ， 还 包括 其 他 一 些 国家 
和 地 区 《澳大利亚 、 中 国 香港 、 谷 兰 、 罗 马 尼 亚 和 类 国 )。 这 些 都 是 传统 的 可 用 性 调研 ， 运 用 了 
随想 随 说 ( Think-aloud ) 的 方法 。 调 人 研 在 一 对 一 环境 下 进行 ， 每 次 一 个 测试 用 户 。( 不 是 焦点 小 
组 座谈 。) 

这 些 调 研 的 目的 是 了 解 人 们 在 使 用 各 种 手机 《〈 功能 型 手机 和 触 屏 / 非 触 屏 智能 手机 ) 的 应 





用 和 访问 互联 网 时 遇 到 的 典型 可 用 性 问题 。 





在 大 多 数 可 用 性 测试 中 ， 用 户 将 自己 的 手机 或 平板 电脑 带 到 我 们 的 实验 室 ， 进 行 60 ~ 90 
分 钟 的 单独 测试 。( 例外 : 少数 受 试 者 在 平板 电脑 测试 中 使 用 了 我 们 提供 的 设备 。) 每 次 测试 涉 
及 一 位 受 试 者 和 一 位 协助 者 ， 某 些 情 况 下 还 有 一 到 两 位 观察 者 。 受 试 者 先 告 诉 我 们 他 们 平常 如 
何 使 用 自己 的 设备 ， 并 向 我 们 展示 一 些 已 安装 的 应 用 。 接 下 来 ,我 们 给 每 位 受 试 者 安排 一 些 任 
务 去 完成 ， 这 些 任务 涉及 互联 网 或 移动 应 用 。 用 户 就 以 下 方面 进行 评论 : 

B 他 们 正在 寻找 什么 ， 或 阅读 什么 ; 

B 他 们 喜欢 网 站 的 何 处 ， 或 不 喜欢 何 处 ; 

B 他 们 完成 任务 时 ， 有 什么 方便 之 处 ， 或 有 什么 妨碍 之 处 。 

有 些 任务 是 限制 所 用 网 站 或 应 用 的 ( 例如， 访问 espn.go.com 查找 今 晚 在 ESPN 电视 频道 
dE AA NBA 篮球 比赛 可 看 )， 男 一 些 则 是 开放 性 的 ( 比如 查找 单词 dollar 的 起 源 )， 要 求 用 户 
首先 选择 一 个 或 多 个 合适 的 网 站 或 应 用 ， 然 后 以 此 解决 问题 。 对 限制 性 任务 ， 如 果 要 使 用 应 用 ， 
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用 户 必 须 找到 应 用 并 安 半 到 于 机 上 ;， 如 采 要 使 用 网 站 ， 则 需要 想 办 法 用 手机 访问 该 网 站 。 

de 1-1 提供 了 一 些 用 户 执行 任务 的 例子 。 开 放 性 任务 让 用 户 决 定 要 使 用 哪些 应 用 或 网 站 完 
成 任务 ， 限 制 性 任务 则 指明 了 用 户 必 须 使 用 的 应 用 或 网 站 。 

总 共有 124 位 用 户 参 与 了 我 们 的 手机 可 用 性 测试 ， 另 有 35 位 参与 了 平板 电脑 测试 ， 共 计 
159 人 。 他 们 每 周 都 多 次 进行 除 短信 和 电话 外 的 其 他 手机 活动 。 我 们 得 除了 技术 专家 和 在 可 用 
性 或 市 场 彰 销 领域 工作 的 人 ， 因 为 他 们 不 是 我 们 所 测试 网 站 的 目标 用 户 ， 并 且 因 其 专业 知识 容 
易 表现 出 非典 型 的 行为 特征 。 

在 大 多 数 调研 中 ， 我 们 使 用 视频 展示 台 记 录 受 试 者 和 手机 的 互动 ， 其 他 一 些 调研 则 将 移动 
摄像 头 固定 在 手机 上 。 视 频 展示 人 台 和 移动 摄像 头 让 有 党 试 者 能 把 手机 查 在 手中 。 


表 1-1 我 们 在 可 用 性 测试 里 使 用 的 一 些 任务 


























开放 性 任务 限制 性 任务 
查询 猪 流 感 的 症状 以 及 如 何 防止 受 感 染 的 信息 使 用 yelp.com 查看 对 旧金山 Absinthe 餐厅 的 客户 评价 
查看 本 地 今 晚 的 天 气 预 报 你 有 50 美元 可 以 给 自己 买 件 衣服 。 使 用 IC Penney 应 


用 找 一 些 目 己 可 能 喜欢 的 
你 想 在 晚上 看 电影 之 后 储 用 些 甜 点 和 美酒 。 找 到 一 个 既 提 ”你 想 要 买点 意大利 面 、 西 红 柿 切片 和 冰淇淋 。 使 用 











供 美 味 甜点 又 在 晚 10 点 后 仍然 营业 的 地 方 Coles 应 用 建立 一 个 包括 以 上 这 些 物 品 的 清单 

你 的 朋友 想 在 晚上 8 点 后 在 电视 上 看 一 部 电影 。 找 到 一 份 ” 使 用 AA Stocks 应 用 查找 中 国 移动 当前 的 股票 价格 ， 还 
今 晚 电视 节目 的 列表 ， 并 选择 一 部 她 可 能 想 看 的 电影 有 上 个 月 这 支 股 票 的 走势 情况 

找到 一 段 《 猫 和 老鼠 》 的 动画 视频 使 用 iPad 上 的 Flipboard 应 用 查看 新 闻 。 设 置 一 下 这 个 


应 用 ， 让 它 展示 你 感 兴趣 的 新 闻 话题 


现在 是 晚上 6 点 ， 你 需要 从 West Kensington 赶 往 Tufnell 你 打算 从 观 景 台 拍 一 张 金门 大 桥 的 上 照片。 使 用 LightTrac 
Park。 你 决定 乘坐 地 铁 。 找 到 一 条 换 乘 尽 可 能 少 的 最 佳 路 线 ”查询 一 下 明日 中 午 太阳 光线 的 方向 


1.3 用户 定性 研究 


如 末 你 是 一 个 老 浅 的 市 场 彰 销 人 士 ， 我 们 在 移动 可 用 性 调研 中 只 测试 了 159 名 用 户 可 能 不 
会 给 你 留 下 深刻 印象 。( 当年 ， 我 们 在 WAP "手机 研究 和 其 他 各 种 古老 的 、 前 iPhone 时 代 的 移 
动 设计 调研 中 测试 了 更 多 的 用 户 ， 但 基本 不 属于 这 里 的 讨论 范围 。) 

我 们 不 是 要 预测 下 一 季度 iPhone 或 Android 手机 哪个 会 在 千 禧 世代 “的 人 群 中 卖 得 更 多 。 同 
样 ， 我 们 也 不 是 要 测量 某 个 特定 品牌 名 称 的 无 提示 回忆 度 (unaided recall ) 或 消费 者 对 某 品牌 的 
人 态度 








我 们 研究 行为 ， 而 不 是 观念 。 我 们 研究 具体 的 用 户 界面 设计 ， 看 每 个 设计 要 素 是 会 让 用 户 


(D WAP 是 Wireless Application Protocol ( 无 线 应 用 协议 ) 的 简称 。 
D Fete (Millennial) X fg Y ER, Æ X ERE, 一 般 指 20 世纪 70 年代 末期 到 2000 年 左右 出 生 的 人 。 
一 一 译 者 注 
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更 容易 完成 任务 ， 还 是 会 给 他 们 带 来 不 便 。 这 种 类型 的 研究 最 适合 使 用 定性 的 方式 ， 而 非 从 大 
量 用 户 中 采集 统计 数字 。 

打 个 比方 ， 试 想 一 下 某 医 院 走 廊 里 的 地 毯 设计 。 如 采 观 察 到 几 个 使 用 助 行 融 的 老年 病人 被 
地 壬 的 突起 部 分 毕 倒 了， 你 就 可 以 合理 地 下 结论 说 地 稚 的 突起 部 分 会 给 老年 病人 造成 可 用 性 问 
题 ， 并 建议 医院 选用 更 平整 的 地 毯 。 

你 无 需 观 察 1000 个 老人 绥 绥 穿 过 走 层 ， 然 后 计算 其 中 有 多 少 人 被 毕 倒 。 你 也 不 应 该 一 下 等 
厦 ， 直 到 医院 因为 某 个 可 怜 的 老 太 太 摔 伤 了 臂 部 而 遭 到 起 诉 。 

















历史 的 教训 : 


1999 年 ，Jakob Nielsen 写 了 关于 网 站 
= JE PEWS 5% — A +3 Designing Web Usability: 
The Practice of Experience ( Peachpit Press )。 
为 该 书 的 封面 搭配 了 显眼 的 蓝 色 和 绿 
色 ， 许 多 人 因此 称 其 为 “ 蓝 绿 之 书 ”。 

Designing Web Usability 所 依据 的 可 用 
性 测试 数量 和 本 书 差不多 ， 也 是 不 到 200 
名 用 户 ， 可 它 却 足 以 明确 Web 可 用 性 中 的 
所 有 主要 问题 : 人们 不 愿意 等 待 缓慢 的 下 
载 ， 讨 厌 欢 迎 页 面 ， 对 绝 大 多 数 内 容 都 一 
扫 而 过 等 。 

起 初 ， 常 尚 酷 炫 设计 的 人 士 对 Desig- 
ning Web Usability 所 传达 的 信息 持 怀 疑 态 
度 。 然 而 今天 我 们 可 以 肯定 地 说 ， 任 何 有 
志 于 在 互联 网 上 真正 做 生意 的 企业 都 已 采 
纳 了 那 本 老 书 里 的 绝 大 多 数 建议 。 

虽说 光 赁 一 个 样本 不 能 得 出 什么 明确 
的 结论 ， 但 我 们 可 以 合理 地 预言 : 你 手中 


这 本 书 也 将 面临 和 1999 年 的 Desiening Web 
Usability 一 书 相 同 的 命运 。 一 开始 ， 部 分 
设计 师 会 排斥 书 中 那些 与 他 们 个 人 总 好 
不 符 的 研究 发 现 ， 然 而 几 年 之 后 ， 可 用 性 
研究 将 会 成 为 行业 共识 。 现 在 开始 读 这 本 
书 ， 你 就 有 了 先 下 手 为 强 的 机 会 ， 可 以 在 
其 他 人 行动 之 前 (这 点 是 毫 无 疑问 的 ) A 
先 遭 照 书 中 的 建议 开始 执行 。 

Designing Web Usabiliy 在 它 的 时 代 里 
是 一 本 伟大 的 书 ( 即使 只 有 我 们 自己 这 么 
看 ) 。 然 而 它 创作 于 1999 年 ， 那 时 的 互联 
网 还 像 个 远古 野兽 。 如 果 你 想 知 道 有 关 
Web 可 用 性 的 最 新 建议 ， 我 们 更 布 望 你 阅 
读 在 那 之 后 我 们 创作 的 新 书 Prioritizing Web 
Usability ( Peachpit Press, 2006 ) 和 Eyetracking 
Web Usability ( Peachpit Press, 2009) ， 这 
两 本 书 都 是 基于 对 上 千 测 试用 户 的 研究 。 





突出 的 统计 信息 ( 比如 一 张 写 着 “ 据 统 计 ,13.2% 的 病人 会 被 地 毯 突 起 部 分 绊 倒 ”的 约 灯 片 ) 
可 能 会 令 管 理 层 印 象 深 刻 ， 从 而 说 服 他 们 去 购买 新 的 地 牧 。 同 样 ， 因 医院 设施 叶 华 安全 事故 引 
起 的 法 律 诉 诊 也 会 让 他 们 备 加 重视 。 然 而 ， 仅 仅 通过 一 个 下 午 的 观察 性 全 究 ， 你 束 可 以 立即 得 
出 应 铺设 更 安全 地 毯 的 建议 。 

现实 生活 中 ， 看 见 一 个 问题 ， 你 就 知道 它 的 存在 。 你 并 不 是 一 定 要 将 其 量化 。 

更 进一步 说 ， 我 们 可 以 从 少 得 多 的 用 户 数 量 中 估计 出 问题 的 严重 程度 ， 而 不 需要 从 庞大 的 
人 群 中 获取 精确 统计 数 子 。 茶 一 设计 元 系 到 底 给 63% 还 是 65% 的 用 户 造成 不 便 真 的 很 重要 吗 ? 
如 来 通过 一 项 简单 的 调研 束 能 够 得 出 结论 ， 说 菏 项 设计 给 “大 多 数 ” 用 户 造 成 了 不 便 ， 那么 就 
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足以 说 明 该 设计 必须 据 弃 了 o 

再 举 个 例子 ， 比 方 说 某 网 站 将 要 发 布 一 篇 关于 HS5N1 禽 流 感 的 文 草 ， 标 题 古 “Burd Flu 
Outbreak in Hong Kong”"。 稿 件 编辑 多 半 会 注 明 到 “Burd ”一 词 拼 钳 了 ,正确 的 拼 法 应 该 是 "Bird ”。 
即使 该 网 站 只 有 一 个 人 做 稿件 校对 , 这 个 错误 也 足以 被 认定 和 修正 ， 而 无 需 让 1000 个 编辑 投票 ， 
看 看 有 多 少 人 同意 “Bird” 才 是 这 个 单词 的 正确 拼 法 。 

应 当 承 认 ， 一 些 可 用 性 问题 很 细微 ， 一 次 两 次 不 足以 发 现 。 但 是 通过 观察 横路 四 大 洲 的 
159 名 用 户 ， 我 们 足以 了 解 任何 重大 的 可 用 性 问题 。 本 书 限于 篇 幅 ， 只 能 涉及 一 些 重要 的 问题 。 
对 这 些 问 题 而 言 ， 我 们 所 做 的 定性 研究 已 经 足以 帮助 认定 什么 是 好 设计 ， 什 么 是 坏 设 计 了 。 

我 们 并 不 人 研究 那些 对 移动 网 站 或 应 用 的 商业 价值 来 说 只 有 1 个 百分点 影响 的 轻微 设计 问题 。 
我 们 只 寻找 大 型 猎物 ， 所 以 选择 了 重型 武器 。 

当然 ， 对 大 型 企业 而 言 ，1 个 百分点 可 能 意味 着 数 十 万 美元 的 收益 。 因 此 ， 他 们 应 当 投资 
进行 更 精细 化 的 研究 ,来 解决 设计 中 细微 的 可 用 性 问题 。 但 是 ， 即 使 是 最 大 型 的 企业 ， 我 们 也 
都 建议 他 们 应 该 先 从 小 范围 的 定性 研究 人 手 ， 因 为 这 样 可 以 迅速 找到 一 些 主要 的 可 用 性 问题 ， 
应 先 将 这 些 大 问题 解决 后 再 去 对 用 户 界面 进行 微调 。 

最 后 ， 对 那些 仍然 怀疑 定性 研究 价值 的 人 ， 我 们 再 提 两 点 。 

W 过 去 23 年 来 ， 无 数 的 项 目 经 验 都 表明 ， 测 试 少量 用 户 足 以 确定 一 项 设计 中 的 大 多 数 重 要 

可 用 性 问题 。 并 不 是 所 有 的 问题 都 会 浮现 ,但 是 主要 的 一 定 会 在 那里 。 就 本 书 的 目的 而 言 ， 
我 们 不 打算 详尽 了 解 所 有 测试 到 的 网 站 和 应 用 的 全 部 可 用 性 问题 。 更 重要 的 是 从 大 处 着 
眼 ， 通 过 比较 各 种 设计 的 主要 调研 发 现 ， 找 出 一 些 人 人 都 该 知道 的 、 普 适 的 可 用 性 原则 。 

B 拉 ] 心 目 问 一 下 ， 相 比 我 们 调研 过 的 159 名 参与 者 ， 你 曾经 一 对 一 观察 过 多 少 位 进行 测试 

任务 的 客户 ?对 大 多 数 企 业 而 言 ， 我 们 的 数字 会 大 于 你 的 数字 。 因 此 ， 我 们 从 人 研究 中 所 
获得 的 将 会 超过 大 多 数 设计 团队 所 拥有 的 经 验 教训 。 
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2009 年 ， 我 们 对 现代 手机 进行 了 第 一 次 移动 可 
用 性 调研 。 这 是 一 次 对 用 户 和 研究 者 来 说 都 烛 众 不 
已 的 经 历 。 融 观察 到 的 用 户 体验 (UX) 质量 而 言 ， 
就 像 是 坐 上 了 时 间 机 器 ， 回 到 1998 年 进行 了 一 次 短 
暂 的 旅行 。2009 年 的 移动 用 户 体验 和 1998 年 的 寻 
TRA Web 应 用 有 着 众多 的 相似 之 处 ， 具 体 有 以 下 
JS 
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B 成 功率 异常 低下 是 普遍 现象 。 用 户 使 用 手机 在 网 站 上 执行 任务 时 更 有 可 能 经 历 失败 ， 而 
非 获得 成 功 。 

B 下 载 ,时间 是 影响 用 户 体验 的 主要 因素 。 大 多 数 网 页 载 人 时 间 过 长 ,特别 是 在 非 3G 手机 上 。 
而 且 即 使 是 最 高 端的 手机 ， 浏 览 网 页 的 速度 也 要 比 果 面 电 脑 慢 许多 。 造 成 的 结果 是 ， 用 
户 不 太 情 愿 打 开 更 多 网 页 ， 比 较 容易 放弃 。 

图 页面 滚动 导致 了 巨大 的 可 用 性 问题 ， 尤 其 是 用 户 经 党 不 得 不 面 对 那 些 没有 为 移动 设备 优 
化 过 的 网 站 。 与 20 世纪 90 年 代 不 同 , 用 户 面临 的 问题 不 再 是 不 滚动 页 面 , 而 是 过 度 深 动 。 
他 们 不 得 不 在 手机 狭小 的 屏幕 上 来 回 拖 动 ， 以 至 于 忘 了 自己 是 在 网 页 的 什么 位 置 ， 或 屏 
幕 当前 显示 的 是 什么 。 很 多 情况 下 他 们 都 没有 注意 到 拖 动 过 程 中 错过 的 那些 内 容 。 

图 2-1 (a 至 c) 展示 了 在 全 速 连接 的 AT&T 网 络 中 ， 移 动 设 备 绥 绥 载 人 NBC.com 整个 
网 站 所 经 历 的 不 同 阶段 。 当 整个 页 面 终 于 载 入 完毕 后 ， 不 经 过 放大 很 难 搞 清楚 网 站 里 众 
多 图 像 和 链接 的 意义。 通过 放大 页 面 ， 用 户 能 较 好 地 阅读 ， 但 会 失去 上 下 文联 系 ， 从 而 
更 难 知 道 自己 在 网 页 中 的 位 置 以 及 页 面 其 他 部 分 都 有 什么 。 

这 种 因为 可 视 面 积 减 小 而 对 用 户 造 成 的 影响 让 我 们 想起 了 之 前 的 一 些 测试 ， 当 时 测试 针 
对 的 是 视力 衰弱 的 用 户 ( 图 2-1d )。 使 用 手机 竟然 让 你 变 成 了 一 名 残障 人 士 , 而 我 们 都 知道 ， 
大 多 数 网 站 并 不 提供 针对 残障 人 士 的 辅助 功能 。 

图 腑 肿 的 页 面 让 用 户 失 去 上 下 文联 系 ， 感 到 迷失 了 方 品 。 我 们 调研 的 大 多 数 网 站 在 当今 的 
大 屏幕 PC 显示 右上 并 不 会 显得 腕 肿 , 然而 一 旦 在 手机 中 加 载 , 就 出 现 了 相当 程度 的 拥堵 。 
巨大 的 图 像 或 过 长 的 页 面 经常 遮 挡住 用 户 想 看 的 内 容 ， 给 他 们 带 来 困扰 。 

B rums AM CUI) 对 用 户 造 成 了 限制 。 人 们 如 果 不 理解 设备 上 的 UI， 就 无 法 
发 挥 它 的 最 佳 效 能 。 

B JavaScript 般 演 和 视频 等 高 级 媒体 格式 产生 的 问题 导致 了 更 多 的 不 便 。 

B 用 户 明 显 不 太 情愿 从 移动 端 访问 网 站 以 完成 许多 任务 ， 特 别 是 购物 以 及 其 他 需要 使 用 信 
用 卡 或 花 钱 的 任务 ( 图 2-2 和 图 2-3 )。 







































































一 些 用 户 更 有 可 能 通过 PayPal 进 行 购买 活动 的 原因 有 两 点 : 第 一 ， 不 用 输入 长 长 的 信 
用 卡号 码 ; 第 二 ， 无 需 向 网 站 提供 信用 卡 信息 ， 因 而 感觉 交易 更 安全 。 





图 搜索 主 寻 的 Web 行为 。 一 且 事 不 如 意 ， 人 们 便 会 转 而 使 用 搜索 引擎 。 的 确 ， 当 需要 完成 
一 个 新 任务 时 ， 搜 索引 擎 经 党 是 他 们 首先 想到 的 工具 。 

图 旧式 媒介 设计 被 当做 移动 设计 的 模板 。20 世纪 90 年 代 ， 许 多 网 站 的 设计 模仿 了 漂亮 的 
印刷 出 版 物 , 却 缺 乏 交 互 功能 。2009 年 ,网 站 则 被 设计 成 互联 网 网 站 的 样子 。 更 确切 地 说 ， 
它们 被 设计 成 条 面 妆 网 站 ， 可 这 对 移动 应 用 而 言 却 是 个 错误 的 嫁 介 形式 。 即 使 是 最 好 的 
手机 ， 进 行 互动 操作 时 也 会 让 人 感到 头痛 。 侧 济 的 设计 是 必须 的 。 
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图 2-1 (a 至 b) 手机 加 载 NBC.com 整个 网 站 所 经 历 的 不 
HE. (c) a 但 使 得 该 内 容 的 全 
局 上 下 文 关 系 变 得 模糊 。 (d) 屏幕 放大 镜 的 桌面 浏览 
器 访问 NBC.com 时 的 截图 
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图 2-2 ( 左 图 ) Fandango 的 Android (CE 


应 用 让 用 户 选 择 以 信用 卡 或 PayPal T Back to Sign In PayPal” Secure Login 
式 支付 。 我 们 发 现 一 些 用 户 更 有 可 能 通 sa 
Payment Details STEP 3 OF 4 Bancuord PIN 


过 PayPal 进行 购买 








Select a payment method | | 
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Code Card ama 
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€ - s Enter PIN 
Order Summary $11.75 
2-3 ( 右 图 ) PayPal & Android 应 wee 
` 7 — al E co ~ 
用 为 移动 新 提供 下 支持 | E 人 允许 用 P 使 You will return to Fandango after visiting PayPal. 
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Privacy Policy | Terms of Use Purchase Policy 
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换 内 容 的 效果 就 成 了 一 种 浪费 ， 因 为 用 户 已 经 看 不 到 了 。 

2-4 IGN 的 网 站 ( m.ign.com ) E, 


屏幕 上 方 会 自动 切换 文章 的 跑马 灯 经 党 IGN 
被 用 户 忽视 
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顶部 导航 栏 (图 2-5) 在 桌面 端 网 站 很 流行 ， 却 并 不 总 能 完美 地 移植 到 移动 端 。 一 些 问 题 
会 出 现 ， 特 别 是 当 导 航 栏 包含 太 多 条 目的 时 候 : 设计 师 或 者 必须 把 条 目 做 得 非常 小 ， 从 
而 导致 难以 准确 点 击 (如 图 2-5a )， 或 者 必须 扩大 导航 栏 的 面积 从 而 占据 太 多 屏 戎 空间 
( 如 图 2-5b )。 
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年 复 一 年 ， 新 的 调研 依然 在 持续 验证 着 第 一 次 调研 市 给 我 们 的 这 些 基 本 印象 。 今 天 ， 用 户 
的 移动 体验 无 疑 正 在 变 得 更 好 ， 因 为 越 来 越 多 的 网 站 已 经 为 移动 设备 做 了 优化 ， 设 计 师 们 也 明 
白 了 什么 更 适合 小 屏幕 。 然 而 ， 在 手机 上 执行 任务 仍然 存在 着 许多 交互 障碍。 那么 ，2009 年 至 
今 发 生 了 哪些 变化 呢 ? 我 们 归纳 了 以 下 几 点 。 

B 任务 总 体 成 功率 正在 慢 慢 提高 ， 特 别 是 当 用 户 转 而 使 用 App 应 用 后 。 

B 用 户 对 他 们 的 手机 更 加 熟悉 了 。 自 2009 年 以 来 ， 移 动 领域 已 经 发 生 了 巨大 的 变化 。 根 据 
尼尔森 公司 在 2012 年 5 月 完成 的 一 项 调查 ， 超 过 半数 的 美国 人 拥有 了 智能 手机 ， 而 占据 
移动 手机 市 场 主导 地 位 的 只 有 两 种 平台 : iPhone 和 Android, /3/& Android 的 生态 系统 碎 
片 化 严重 ( 多 种 手机 和 不 同 版 本 的 操作 系统 同时 存在 )， 这 两 种 平台 依然 存在 很 高 的 相似 
性 。 而 且 总 体 而 言 ， 即 使 许多 用 户 每 两 年 更 换 一 次 手机 ， 新 手机 的 平台 和 旧 平 台 之 间 也 
会 很 相似 ( 当然 ， 除 非 是 从 功能 型 手机 转向 乔 能 手机 )。 

B JavaScript 仍然 会 月 浸 ， 但 大 多 数 网 站 和 应 用 都 做 了 充分 的 准备 ， 事 先 在 移动 端 对 产品 进 
行 了 测试 以 确保 其 工作 正常 。 

B 用 户 对 移动 购物 或 用 移动 设备 支付 的 不 情愿 感 略微 降低 。 尺 管 与 2009 年 相 比 ， 现 在 有 更 
多 的 用 户 愿 意 这 么 做 ， 但 我 们 发 现 大 多 数 人 依然 排斥 移动 购物 。 





























尼尔森 公司 (The Nielsen Company ) 是 一 家 独立 的 企业 ， 和 我 们 个 人 或 我 们 的 企业 

(尼尔森 - 诺 受 公司 ，Nielsen Norman Group) 无 任何 关系 。 有 关 这 项 调查 的 更 多 信息 请 

芒 问 : http://blog.nielsen.com/nielsenwire/online_mobile/state-of-the-appnation-%e2%80%93-a- 
year-of-change-and-growth-in-u-s-smartphones ; 
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但 也 要 看 到 其 他 方面 。 首 先 ， 即 使 在 4G 时 代 ， 下 载 时 间 的 问题 也 还 是 存在 。 其 次 ， 移 动 
运营 商 以 兆 字 贡 为 单位 计 费 也 让 用 户 讨厌 那些 需要 大 量 下 载 的 网 站 ， 因 为 他 们 得 为 此 付费 。 再 
次 ， 用 户 从 移动 奖 访 问 完 整 版 网 站 仍然 经 历 着 同样 的 困难 : 虽然 我 们 的 许多 有 党 试 者 都 是 经 验 丰 
富 的 移动 用 户 ， 但 他 们 在 完整 版 网 站 里 浏览 和 寻找 信息 时 却 和 普通 人 没有 什么 区 别 。 最 后 ， 同 
样 重 要 的 是 ,旧式 媒介 设计 在 经 历 短 暂 的 低 滑 后 似乎 又 重新 回归 时 尚 ,比如 iPad 就 使 用 了 跑马 灯 、 
顶部 导航 栏 和 曾经 流行 的 类 似 印 刷 物 的 界面 。 








2.1 不 同类 型 移动 设备 的 可 用 性 各 异 


我 们 通过 测试 发 现 了 3 种 显 铸 不 同 的 移动 UX， 它 们 的 主要 区 别 在 于 屏 友 尺 寸 。 

B 普通 手机 的 屏幕 很 小 ， 经 常 被 称 为 功能 型 手机 。 这 种 手机 在 世界 市 场 上 占据 了 主要 份额 ， 
特别 是 在 发 展 中 国家 。 它 们 的 可 用 性 很 差 ， 只 提供 最 低 程 度 的 网 站 交互 功能 。 

B 智能 手机 (例如 早期 的 黑 每 型 号 ) 有 一 系列 不 同 的 规格 ， 和 浓 见 的 一 些 拥有 中 等 尺寸 的 屏 
幕 和 全 键盘 设计 。 这 些 手 机 有 的 提供 3G 互联 网 连接 功能 ， 有 的 甚至 还 文 持 WiFi。 简 单 
的 智能 手机 可 用 性 较 差 ， 用 户 在 使 用 它们 完成 网 站 任务 时 会 感到 不 便 。 

B 全 屏 手 机 (例如 iPhone、Android 和 Windows Phone ) 有 一 块 几乎 和 手机 同样 大 小 的 触 措 
屏 和 一 个 可 以 卫 接 操作 及 用 手势 控制 的 、 真 正 的 GUI (Graphical User Interface， 图 形 用 
户 界面 )。 这 类 手机 支持 3G 或 更 高 速 的 互联 网 连接 ， 通 过 WiFi 网 络 进行 下 载 的 速度 也 
更 快 。 它 们 在 所 有 类 型 的 手机 中 可 用 性 最 好 ,但 用 户 体 验 有 时 依然 不 够 理想 。 一 般 来 说 ， 
用 户 能 够 顺利 通过 搜索 引擎 进入 一 个 完整 版 网 站 的 闪 层 页 面 ， 也 能 顺利 使 用 为 移动 设备 
优化 过 的 、 设 计 良 好 的 网 站 或 应 用 。 

屏幕 越 大 ， 用 户 访问 网 站 的 体验 就 越 佳 ， 这 没什么 可 奇怪 的 。 根 据 2009 年 至 2012 年 所 进 

行 的 多 项 用 户 调 研 ， 触 屏 手机 和 智能 手机 在 任务 平均 成 功率 上 相差 了 20 个 百分点 CX 2-1). 



































表 2-1 2009~2012 年 多 项 用 户 调研 所 得 出 的 不 同类 型 手机 的 任务 成 功率 





成 D X 
功能 型 手机 44% 
^E RET 55% 
触 屏 手机 74% 





从 这 些 数字 来 看 ， 给 消费 者 提 建 议 很 容易 : 如 果 访 问 网 站 对 你 来 说 很 重要 ， 那 就 买 一 球 触 
屏 手 机 。 

给 互联 网 企业 管理 人 员 提 建议 就 要 困难 一 些 。 功 能 型 手机 的 用 户 体验 如 此 糟糕 ， 你 到 底 是 
否 应 该 支持 它们 ? 男 一 个 问题 是 ， 你 是 否 应 该 重点 关注 更 有 可 能 成 为 网 站 重度 使 用 者 的 智能 手 
机 和 触 屏 手 机 用 户 ? 这 些 问题 没有 统一 的 答案 。 
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可 用 性 调研 中 的 成 功率 

简 而 言 之 ， 成 功率 是 指 在 某 项 可 用 非常 失败 ， 用 户 无 法 完成 任务 ， 别 的 一 切 
性 调研 中 能 够 顺利 完成 指定 任务 的 用 户 比 就 都 无 从 谈 起 。 人 们 不 会 去 用 不 能 正常 工 
例 。 它 是 最 简单 的 可 用 性 指标 ， 也 是 当 我 作 的 东西 。 


们 想 快 速 了 解 不 同 设计 的 相对 可 用 性 时 所 假如 一 种 用 户 界 面 有 了 比较 像样 的 成 
倾向 于 使 用 的 指标 。 功率 ， 我 们 就 可 以 开始 分 析 其 他 的 可 用 性 

归根 结 底 ， 最 根本 的 问题 是 : APE 指标 ， 例 如 人 们 完成 任务 的 效率 和 对 产品 
这 种 设计 之 下 到 底 能 不 能 做 事 ? 如 果 设 计 的 满意 度 。 











对 于 那些 高 度 适 应 移动 应 用 的 服务 〈 例 如 新 闻 或 社交 网 站 ) 而 言 ， 多 半 应 该 建立 两 个 网 站 : 
一 个 功能 型 手机 专属 网 站 和 一 个 针对 高 端 手机 进行 了 优化 的 网 站 。 其 他 大 多 数 网 站 可 能 更 应 当 
集中 投资 建设 一 个 仅 针对 触 屏 手机 进行 了 优化 的 移动 网 站 。 此 外 ， 如 果 你 的 业务 集中 在 复杂 区 
易 或 深度 内 容 上 ， 你 很 可 能 缺乏 足够 多 的 移动 用 户 数 量 ， 这 时 就 不 值得 为 其 单独 建立 网 站 。 

在 本 书 里 ， 我 们 主要 关注 触 屏 手机 。 除 非 男 有 说 明 ， 我 们 提 到 “手机 ”一 词 时 都 是 指 像 
iPhone 或 其 竞争 者 那样 的 设备 。 在 讨论 更 古老 的 设备 时 ， 我 们 会 明确 使 用 “功能 型 手机 ”这 样 
的 词汇 。 

为 什么 我 们 不 打算 在 本 书 中 过 多 讨论 那些 较 廉 价 的 手机 ? 有 以 下 三 个 原因 : 

B 我 们 在 研究 中 发 现 功能 型 手机 访问 Web 内 容 时 的 可 用 性 太 差 ， 因 此 我 们 建议 大 多 数 企业 

不 要 浪费 时 间 支 持 这 些 手 机 。 

图 从 以 往 的 经 验 看 ， 功 能 型 手机 和 智能 手机 给 网 站 种 来 的 流量 微乎其微 。 这 不 但 是 因为 差 
劲 的 上 网 体验 让 人 们 很 少 使 用 这 一 功能 ， 而 且 也 是 因为 触 屏 手机 的 市 场 份额 在 近 几 年 出 
现 了 巨大 的 提升 。 

B 从 实践 的 角度 看 ， 在 我 们 举办 的 移动 UX 训练 课程 中 ， 绝 大 多 数学 员 都 告诉 我 们 ， 他 们 
不 会 为 那些 简单 的 手机 进行 设计 。 我 们 在 教学 过 程 中 碰 到 的 问题 都 是 关于 和 触 屏 手机 的 。 
杀 爱 的 谈 者 ， 我 们 相信 你 和 我 们 的 诛 程 学 员 的 兴趣 会 很 相似 。 


独立 的 移动 体验 效果 最 住 


为 了 实现 最 高 的 用 户 性 能 ， 应 该 为 每 一 种 移动 设备 类 型 设计 不 同 的 体验 : 屏幕 越 小 ， 功 能 
孢 越 少 ， 设 计 也 越 简洁 。 最 理想 的 做 法 〈 仅 就 用 户 体验 而 言 ) 是 抛 开 单 纯 的 网 页 浏览 ， 为 最 忠 
实 的 用 户 专 门 制作 一 个 可 下 载 的 移动 和 应用。 然而， 在 实践 中 并 不 是 所 有 网 站 都 能 够 开发 应 用 。 

经 济 实力 强 的 网 站 应 当做 两 个 设计 : 一 个 针对 低 端 的 功能 型 手机 ， 一 个 针对 大 屏 硕 手机 。 
如 果 你 的 网 站 针对 的 是 广泛 的 消费 者 群体 ( 其 中 包括 许多 功能 型 手机 用 户 )， 或 身 处 一 个 发 展 中 
国家 ,这 种 战略 就 特别 适合 你 。 小 屏 磊 手机 的 体验 糟 料 到 你 需要 为 它 单独 设计 一 个 深度 缩小 化 
的 界面 ， 而 大 屏幕 手机 则 最 好 采用 移动 友好 型 的 、 更 丰满 的 设计 。 功 能 型 手机 的 浏览 体验 基本 
上 是 线性 的 ， 而 智能 和 全 屏 手 机 虽然 浏览 视界 有 限 ， 却 能 带 来 效果 更 棒 的 GUI 体验 。 
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(正如 之 前 所 提 到 的 ， 我 们 的 客户 没有 兴趣 为 功能 型 手机 做 设计 ， 所 以 这 里 不 再 多 谈 。 如 来 
你 属于 极 少 数 需 要 为 功能 型 手机 建立 单独 网 站 的 企业 ， 我 们 强烈 建议 你 开展 目 己 的 可 用 性 调研 : 
用 户 体验 越 简单 ， 准 确 无 误 就 越 重 要 。) 

然而 ， 对 大 多 数 网 站 而 言 ， 唯 一 现实 的 选择 是 为 主 站 附加 一 个 移动 网 站 ,并 且 有 意识 地 放 
弃 为 简单 型 手机 做 优化 。 这 一 战略 经 党 是 理性 的 选择 ， 毕 葛 大 多 数 低 端 手机 用 户 通 当 会 因为 上 
网 浏览 过 于 夺 烦 而 只 愿 做 一 些 非 做 不 可 的 任务 ， 他 们 可 能 根本 不 会 访问 你 的 网 站 。 因 此 ， 如 末 
你 只 有 一 个 移动 网 站 ,请 让 它 适 应 融 问 设备， 而 不 是 做 成 一 个 人 人 讨厌 的 类 WAP 网 站 。 














虽然 很 多 人 听 都 说 过 WAP 这 个 缩写 为 功能 革新 ， 但 WAP 样 式 的 网 站 却 相 当 
词 ， 但 可 能 很 少 有 人 知道 它 指 代 的 是 Wire- 简单 ， 基 本 上 是 由 超 链接 和 文本 组 成 的 列 


less Application Protocol (无 线 应 用 协议 ) 。 表 。 如 今 ，WAP 已 逐渐 被 废弃 ， 仅 限于 老 
这 是 功能 型 手机 用 来 显示 Web 页 面 的 一 项 式 的 功能 型 手机 ， 现 代 的 智能 手机 无 一 合 
标准 。 虽 然 当 初 引 入 时 (1997 年 ) ， 它 外 都 不 再 使 用 它 了 。 

因 使 得 移动 设备 能 够 进行 Web 交 互 而 被 视 





进一步 说 ， 并 非 所 有 的 网 站 都 需要 移动 版 本 。 根 据 我 们 对 6 个 国家 的 用 户 进行 的 一 项 日 记 
式 调研 ， 人 们 在 日 己 的 手机 上 从 事 的 活动 只 是 相当 有 限 的 几 类 。 因 此 ， 许 多 主流 网 站 不 会 有 多 
少 移动 用 户 ， 他 们 只 需 对 基本 的 设计 稍 作 修改 ， 避 免 让 这 部 分 用 户 磁 上 那些 最 严重 的 问题 即 可 。 

如 条 你 的 业务 对 移动 用 户 有 吸引 力 ， 那 么 至 少 需要 一 个 为 移动 设备 优化 的 界面 。 如 采 你 的 
网 站 有 一 个 移动 端 界 面 和 一 个 加 面 问 界 面 ， 那 么 就 将 所 有 移动 用 户 部 引导 到 移动 端 界 面 ， 即 使 
对 那些 支持 全 网 页 浏览 的 手机 也 是 如 此 。( 如 来 用 户 需 要 使 用 移动 端 寞 面 并 未 加 入 的 冷门 功能 ， 
你 应 当 为 他 们 提供 切换 到 完整 版 网 站 的 简单 方法 。) 











2.2 移动 网 站 与 完整 版 网 站 


我 们 在 2009 年 进行 的 一 次 调研 中 发 现 ， 当 受 试 者 使 用 专门 为 移动 设备 设计 的 网 站 时 ， 平 均 
成 功率 是 64% ， 明 显 高 于 “完整 版 ”网 站 即 同一 网 站 面向 桌面 用 户 的 版 本 ) 的 53%. 

仅 凭 提高 用 户 使 用 效率 这 一 理由 就 足以 证 明 移动 优化 网 站 的 价值 了 。 这 样 的 网 站 使 用 起 来 
也 更 和 舒适， 因此 用 户 的 主观 满意 度 评分 更 高 。 这 又 提供 了 另外 一 个 理论 基础 : 如 果 网 站 让 用 户 
感到 既 顺 手 又 满意 ， 他 们 就 可 能 会 再 次 来 访 。 

我 们 在 2011 年 又 重复 了 这 一 研究 ， 因 为 考虑 到 用 户 使 用 效率 可 能 已 有 所 改善 。 结 果 发 现 移 
动 网 站 的 成 功率 仍然 保持 在 64%， 而 完整 版 网 站 却 已 提高 到 了 60%。 很 明显 ,企业 越 来 越 有 兴 
趣 问 移动 用 户 提供 服务 ， 完 整 版 网 站 也 因此 对 移动 访问 越 来 越 友 好 。 不 过 ， 主 要 结论 还 是 一 样 : 
用 户 在 使 用 为 移动 设备 优化 过 的 网 站 时 成 功率 更 高 。 

移动 优化 网 站 归纳 起 来 应 当 符合 以 下 几 条 清晰 的 原则 。 
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m 如 朱 条 件 人 允许， 单独 建立 一 个 为 移动 应 用 优化 过 的 网 站 ， 即 移动 网 站 。 当 人 们 通过 移动 
设备 访问 网 站 时 ， 移 动 网 站 上 测 出 的 可 用 性 得 分 会 远 还 局 于 完整 版 网 站 。 

m 创建 一 个 移动 应 用 可 能 会 更 好 ， 至 少 就 目前 而 言 是 这 样 的 ， 在 下 一 节 我 们 再 来 讨论 。 

B 如 来 移动 用 户 进 入 了 你 的 完整 版 网 站 ,请 让 其 跳 转 到 移动 网 站 。 很 不 对 ,许多 搜索 引擎 
尚未 将 移动 网 站 的 排名 提高 到 能 让 移动 用 户 看 见 的 位 置 ， 因 此 人 们 经 芝 错误 地 进入 了 完 
整 版 网 站 ， 而 不 是 用 户 体验 更 佳 的 移动 网 站 。 

m 对 于 那些 跳 转 失败 的 用 户 ， 请 在 完整 版 网 站 中 提供 明显 的 移动 网 站 链接 ， 并 确保 标 

















注 “ 移 动 版 ”字样 的 链接 不 是 指 癌 一 张 癌 更 面 用 户 介绍 此 网 站 移动 服务 的 网 页 。 我 们 
来 看 看 图 2-6 演示 的 《国家 地 理 》 杂 志 这 个 案例 。 当 用 户 在 移动 浏览 需 的 网 址 栏 中 输入 
“nationalgeographic.com” 或 者 通过 搜索 引擎 点 击 网 站 之 后 ， 就 被 市 进 了 完整 版 网 站 ， 而 
非 跳 转 到 它 的 移动 网 站 。 这 个 完整 版 网 站 的 顶部 导航 栏 里 包含 一 个 名 为 “移动 版 ”的 链接 , 
然而 一 旦 点 击 它 ， 移 动用 户 进 入 的 却 是 一 个 为 果 面 用 户 准备 的 《国家 地 理 》 移 动 网 站 介 
绍 页 面 。 


ui 
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(a) (b) (c) 


2-6 (a) 《国家 地 理 》 杂 志 的 完整 版 网 站 ( www.nationalgeographic.com ) o (b) 真正 的 《国家 地 理 》 移 动 网 站 
( m.nationalgeographic.com ) o (c) 顶部 导航 栏 里 “移动 版 ”字样 链接 指向 的 网 页 


m 才 于 那些 需要 使 用 完整 版 网 站 专 有 功能 的 极 少数 用 户 ， 请 在 移动 网 站 中 放置 一 个 指 回 完 
整 版 网 站 的 明显 链接 C 图 2-7 )。 大 多 数 情况 下 此 链接 可 以 放 在 页 面 底部 。 
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2-7 ”从 移动 网 站 指向 完整 版 网 站 的 链 
接 : (a) 维基 百科 ( m.wikipedia.org ) ; 
(b) Yelp ( m.yelp.com ) 。 这 两 个 网 站 
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指向 完整 版 网 站 的 链接 文字 既 可 以 是 “完整 版 网 站 ” (Full site) ， 也 可 以 是 “桌面 
yk” (Desktop) 或 “桌面 版 网 站 ” (了 Desktop site ) 。 相 对 而 言 ，“ 桌 面 版 ”的 表述 更 明确 
些 ， 因 为 有 的 用 户 可 能 会 不 清楚 “完整 版 网 站 ”这 种 说 法 是 什么 意思 。 


上 上 述 原 则 不 一 定 适用 于 那些 完整 版 网 站 工作 民 好 的 大 尺寸 平板 电脑 ， 比 如 10 BRP BOE 
He iPad、 联 想 IdeaPad 和 三 星 Galaxy。 而 对 那些 小 尺寸 平板 电脑 ( 比如 7 英寸 的 亚马逊 Kindle 
Fire) 而 言 ， 理 想 的 方法 是 为 这 些 中 等 大 小 的 设备 再 特别 设计 第 三 种 界面 ， 不 过 大 多 数 企 业 即 使 
不 为 Kindle Fire 用 户 提 供 移动 服务 也 没有 什么 关系 。 


2.2.1 移动 优化 的 网 站 


移动 优化 的 网 站 的 基本 设计 思路 有 以 下 几 条 。 

B 去 挥 与 移动 网 站 核心 用 途 关 系 不 大 的 功能 。 

B 精简 内 容 ， 减 少 字 数 ， 将 次 要 信息 放 到 二 级 页 面 中 去 。 

B 增 大 网 页 元 素 太 二 以 解决 “ 翌 手指 ”(fat finger ) 问题 。 

存在 的 一 大 挑战 是 ， 既 要 去 除 功能 、 减 少 字 数 ， 又 不 能 给 用 户 选 择 产品 市 来 限制 。 对 于 移 
动 网 站 而 言 ， 每 个 产品 应 该 包含 更 少 的 信息 ， 用 户 对 每 个 产品 可 执行 的 操作 选项 也 更 少 ， 但 是 
产品 的 范围 应 当 和 完整 版 网 站 保持 一 致 。 如 采用 户 在 移动 网 站 上 找 不 到 某 一 种 产品 ， 就 会 认为 
这 家 公司 并 不 销售 这 一 产品 ， 从 而 转 回 其 他 商家 。 

如 图 2-8 所 示 , 宜 家 公司 的 移动 网 站 在 “ 床 染 ”( Bed Frames ) 这 一 分 类 下 只 列 出 了 一 种 产品 。 
这 家 公司 邀请 用 户 “ 赶 快 ” 来 实体 店 ， 因 为 这 样 才能 看 到 更 多 产品 。 这 家 移动 网 站 限制 移动 端 
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产品 选择 从 而 让 网 站 变 得 宣 无 用 处 ， 显 然 是 片面 理解 了 移动 简化 的 理念 。 用 户 应 当 可 以 在 移动 
网 站 上 找到 和 完整 版 网 站 相同 的 产品 ， 特 别 是 在 电子 商务 网 站 上 : 无 论 用 户 在 哪个 平台 提出 问 
题 或 进行 查询 ， 得 到 的 答案 都 应 该 是 一 致 的 。 











BEDROOM 
Bed Frames H 
Featured: New Lower Price Products 
MALM 
bed frame 
twin $99, full 
$119, queen 
3 39, king 
Last Year's Price twin $129, full 
$169, queen $189, king $239 
Clear lacq d birch painted ash 
d, clear lacquered beech 
ro ed, clear lacquered oak 
eneer. Mattress and bed base sold 
separately. RA. Available in black-brown, 
medium brown or white stained oak. 
Hurry in to your local IKEA store to see more! 
加 Sion up — 
2-8 宜家 公司 的 移动 网 站 ( m.ikea.com ) 








| e de m 在 床 架 这 一 分 类 下 只 列 出 了 一 种 产品 ， 使 得 该 
网 站 对 移动 用 户 完全 无 用 


与 之 相似 ， 移 动 房 地 产 网 站 应 当 展 示 出 一 个 街区 所 有 的 可 售 房产， 而 不 是 只 展示 多 数 人 都 
想 要 购 关 的 那 几 套 。( 不 过 网 站 可 以 提供 一 张 热门 房 源 的 简短 清单 ， 让 用 户 点 击 一 次 即 可 方便 地 
DET.) 但 是 ， 移 动 网 站 应 当 和 省 去 那些 冷门 的 功能 ， 比 如 不 必 列 出 该 物业 的 历史 销售 记录 ， 同 
时 ， 有 必要 问 有 需求 的 用 户 提供 一 个 指 回 完 整 厂 网 站 相应 信息 的 链接 。 

















2.2.2 为 什么 完整 版 网 站 不 适合 移动 使 用 


现在 经 常 能 昕 到 人 们 对 下 面 这 个 问题 争论 不 休 : 移动 用 户 对 他 们 在 手机 上 可 做 之 事 的 期 户 
值 越 来 越 高 ,因此 痢 减 内 容 或 功能 不 可 避免 会 让 他 们 感到 失望 , 持 这 种 有 缺陷 的 观点 的 人 认为 ， 
问 包括 移动 用 户 在 内 的 所 有 人 都 显示 完整 版 网 站 是 个 更 好 的 主意 。 

这 个 观点 存在 缺陷 的 原因 是 ， 它 假设 你 只 能 在 全 功能 的 梨 面 网 站 和 功能 较 少 的 移动 网 站 之 
间 二 选 一 。 然 而 ， 束 算 存在 缺失 的 功能 或 内 容 ， 任 何 草 循 那些 可 用 性 原则 的 移动 网 站 也 都 会 提 
供 指 回 完 整 版 网 站 的 链接 。 所 以 如 末 需 要 ， 用 户 可 以 找到 任何 信息 。 

设计 的 挑战 在 于 如 何 科学 地 划分 移动 网 站 和 完整 版 网 站 的 分 界线 ， 使 移动 用 户 的 绝 大 多 数 
需求 都 能 在 移动 网 站 中 得 到 满足 。 如 来 实现 了 这 一 日 标 ， 则 顺 着 链接 进入 完整 版 网 站 而 产生 的 
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额外 交互 成 本 将 可 以 忽略 不 计 。 

没 错 ， 我 们 的 确 见 过 一 些 功 能 低下 、 设 计 差 劲 、 几 乎 不 能 满足 任何 人 需要 的 移动 网 站 。 但 
是 因 错 误解 读 某 条 可 用 性 原则 而 导致 粮 料 的 设计 ， 并 不 代表 就 可 以 忽略 这 条 久 经 验证 的 可 用 性 
原则 。( 丈 像 你 不 会 把 孩子 连同 洗澡 水 一 起 泌 出 去 一 样 。 :RSE E. BAD EERSPEERUH JP Bri 
怪罪 整个 设计 门类 ，Web 根本 就 不 会 存在 。 网 上 到 处 都 有 看 上 去 完全 缺乏 可 用 性 的 网 站 ,但 这 
并 不 妨碍 我 们 巡 循 那些 被 烂 网 站 所 违反 的 原则 而 设计 出 民 好 的 网 站 。) 

正确 的 分 析 应 该 是 这 样 的 。 

E 就 绝 大 多 数 任务 而 言 ， 移 动用 户 在 一 个 设计 良好 的 移动 网 站 上 获得 的 体验 将 远 胜 于 完整 

















版 网 站 。 
W 就 极 少 数 任务 而 言 ， 移 动用 户 将 会 因为 转 至 完整 版 网 站 所 产生 的 额外 扣 击 而 被 略微 耽搁 


一 -此 
如 果 一 件 事 的 利 经 党 发 生 而 瞪 很 罕见 ， 那 么 人 们 会 很 容易 接受 它 。 
另 一 种 反对 建立 移动 网 站 的 观点 认为 ， 你 可 以 从 一 开始 就 对 完整 版 网 站 进行 优化 ， 使 其 适 
合 移动 应 用 ， 然 后 就 可 以 直接 将 这 个 “完整 版 ”网 站 提供 给 移动 用 户 而 不 用 担心 会 给 他 们 市 来 
不 便 。 话 虽说 得 没 错 ， 但 这 个 观点 却 忽略 了 此 做 法 将 给 更 面 用 户 审 来 的 不 良 影响 : 尽管 有 了 更 
大 的 屏幕 ， 更 好 的 输入 设备 ( 见 下 文 附注 栏 内 容 “ 输 入 方式 比拼 : 鼠标 和 手指 ”)， 你 为 他 们 提 
供 的 却 是 不 够 理想 的 界面 。 如 果品 面 用 户 占 少数 ， 这 也 许可 以 接受 ,但 绝 大 多 数 网 站 从 吕 面 用 
户 这 里 得 到 的 流量 远 多 于 移动 用 户 ， 从 成 交 量 的 角度 看 则 差距 更 大 。 因 此 ， 虽 然 我 们 和 希望 为 移 
动用 户 提 供 服 务 ， 却 不 能 忽视 蝎 面 用 户 ， 毕 葛 我 们 收入 的 大 部 分 来 自 他 们 。 
以 下 是 更 面 和 移动 端 之 间 一 些 重要 的 区 别 。 
B 两 者 提供 的 内 容 应 该 是 不 同 的 : GRR ZEEE a HA CAS, AAR EP CHARM S 
人 们 对 其 意思 的 理解 。 
(是 的 ， 人 们 可 以 在 Kindle 或 其 他 平板 电脑 上 阅 旋 小 说 ， 但 是 这 主要 指 那些 有 痢 易 于 妃 
踩 的 线性 情节 的 简单 虚拟 类 作品 。 在 小 屏幕 上 阅读 商业 性 的 内 容 或 其 他 需要 更 高 认 知 处 
理 过 程 的 非 虚拟 类 作品 是 比较 困难 的 。) 
B 不 仅 是 文本 ,其 他 内 容 也 应 当 设计 成 适合 相应 媒介 的 样式 。 人 举 个 例子 ,与 大 尺 才 图 片 不 同 ， 
小 图 片 应 当 进 行 特殊 的 裁 切 和 缩放 以 突出 重点 细节 部 分 。 仅 仅 简 单 地 拉 伸 尺寸 以 填充 不 
同 大 小 的 屏幕 空间 是 不 够 的 。[ 相应 的 例子 参见 3.1.3 节 ， 该 节 讨 论 了 如 何 针对 移动 屏 医 
上 某 张 哇 国 流行 音乐 组 合 的 图 片 进行 阶段 式 设计 (design iterations )。] 
B 对 信息 染 构 ( Information Architecture, IA ) 做 出 修改 ， 在 移动 网 站 里 将 次 要 内 容 移 至 二 
级 页 面 ， 这 一 点 我 们 将 在 第 4 草 中 讨论 。 
B 根据 手指 和 鼠标 输入 存在 的 差异 设计 不 同 的 交互 手段 ( 见 下 文 附注 柱 内 容 “ 输 入 方式 比拼 ， 
鼠标 和 手指 ”)。 
W 在 移动 端 ， 需 要 简化 功能 集合 以 降低 复杂 性 和 适应 小 屏幕 。 
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我 们 的 基本 观点 是 什么 ? 有 困 面 端的 用 户 界 面 平 台 和 移动 端 在 许多 方面 有 所 人 不同， 包括 交互 
手段 、 人 们 的 阅读 方式 、 操 作 的 上 下 文 天 系 和 扫 一 眼 就 能 了 解 的 内 容 数 量 。 这 种 不 平等 是 对 称 
Hy: 移动 用 户 需要 和 桌面 用 户 不 同 的 设计 。 同 样 重 要 的 是 ， 园 面 用户 也 需要 和 移动 用 户 不 同 的 


设计 。 





输入 万 式 比拼 : 鼠标 和 手指 


台式 机 和 笔记 本 电脑 使 用 鼠标 作为 主要 的 输入 方式 ， 移 动 设 备 和 平板 电脑 使 用 人 的 于 
指 作为 主要 的 输入 方式 。 
没 错 ， 有 时 候 那 些 更 大 的 电脑 会 附带 轨迹 球 ， 笔 记 本 电脑 用 户 也 时 常 使 用 触 控 板 进 行 
输入 ， 一 些 移动 设备 甚至 还 自 带 手写 笔 。 但 是 鼠标 和 手指 是 当前 流行 用 户 界面 所 用 的 主要 
输入 方式 ， 所 以 我 们 就 比较 一 下 这 两 者 的 区 别 。 
表 2-2 对 不 同 的 输入 方式 进行 了 比较 。 粗 体 文字 的 单元 格 意 味 着 相应 的 指点 方式 在 茶 
一 方面 表现 更 好 。 
以 下 是 对 该 表 的 几 点 重要 说 明 。 
B 回归 时 间 (Homing time ) 是 指 将 手 从 一 种 输入 设备 (比如 键盘 ) 移动 到 另 一 种 设 
备 〈 比 如 鼠标 ) 所 需 的 时 间 。 

WI 加 速 运动 的 意思 是 指点 设备 的 移动 速度 和 屏幕 中 光标 的 移动 速度 可 以 存在 非 线 性 
的 关系 : 快速 移动 筷 标 会 导致 屏幕 光标 加 速 移动 ; 如 果 缓 慢 移 动 和 鼠标， 屏幕 光标 
则 会 减速 移动 ， 从 而 使 高 精度 定位 成 为 可 能 。 


B 当 我 们 说 基本 无 需 学 习 就 能 使 用 手指 操作 触摸屏 时 ， 其 实 是 假定 用 户 可 以 自如 地 
使 用 自己 的 手 和 和 手指。 婴儿 就 需要 好 几 年 才能 掌握 这 一 技能 。 
这 张 表 告诉 我 们 的 是 : 没有 哪 种 输入 方式 具有 压倒 性 优势 ， 和 鼠标 和 手指 都 有 着 自己 的 
强项 。 


当 为 某 种 平台 设计 UI 时 ， 很 重要 的 一 点 是 发 挥 出 相应 输入 和 输出 方式 的 优势 ， 并 尽量 
BLAH. 

ARAMBIAR. HARMAABERKA, FORAGE BLA PRAT LAR RH 
翻转 样式 ， 且 效果 不 错 。 类 似 地 ， 带 两 个 键 的 和 鼠标 可 以 很 容易 实现 上 下 文 菜单 (context 
menus) 。 而 在 触摸 屏 上 ， 这 些 设 计 元 素 就 显得 不 那么 自然 了 。 

鼠标 和 触摸 这 两 种 输入 方式 各 具 优 势 ， 这 也 是 应 当 为 宁 面 网 站 和 移动 网 站 以 及 果 面 应 
用 程序 和 移动 应 用 设计 不 同 UI 的 一 个 主要 原因 。 

其 他 支持 两 种 UI 的 理由 还 包括 果 面 电脑 自 这 实体 键盘 (让 输入 更 快 ， 不 容 
屏幕 尺寸 存在 巨大 差异 等 。 
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表 2-2 ”鼠标 和 手指 输入 方式 的 比较 





























5 标 
精度 高 低 
同时 点 击 数量 1 通常 是 1， 多 点 触 控 下 可 以 达到 2 ~ 3 
控制 装置 数量 3: AAR, RE 1 
回归 时 间 有 无 
状态 种 类 悬 停 ， 按 键 按 下 ， 按 键 弹 起 手指 按 下 ， 手 指 提起 
加 速 运动 有 元 
ei (30 英 寸 或 更 大 ) E DUANE m. FIRAN 
可 见 的 屏幕 光标 有 无 
遮挡 视线 否 ， 因 此 视觉 反馈 是 连续 的 是 
适合 移动 使 用 B 是 ,不 用 额外 携带 设备 
直接 与 屏幕 互动 ,用 起 来 “有 趣 ” 否 ， 属 于 间接 指点 设备 是 
文 持 辅助 功能 是 否 
易于 掌握 较 容易 基本 无 需 学 习 


2.2.3 ”移动 端 比 栗 面 端 要 求 更 严格 

正如 第 4 章 将 要 讨论 的 那样 ， 我 们 建议 网 站 所 有 者 在 为 移动 用 户 写 作 时 舍弃 次 要 的 素材 。 
与 我 们 所 提 的 可 用 性 原则 有 关 的 许多 微 博 、 博 客 文章 和 评论 都 对 这 一 主题 进行 了 扩展 : 没 错 ， 
不 光 移 动 内 容 中 的 泡沫 应 该 撤去 ， 桌 面 写 作 里 的 次 要 内 容 也 应 该 舍弃 。 

从 某 种 角度 来 说 ， 我 们 对 此 是 赞同 的 。 我 们 在 Eyetracking Web Usability 一 书 中 说 过 ， 人 简明 
性 是 Web 写作 的 一 条 关键 原则 。 人 们 在 Web 上 不 会 进行 大 量 阅 读 ， 如 果 网 站 不 能 在 几 秒 钟 内 清 
楚 表 明 上 自 量 的 价值 ， 用 户 就 会 离开 。 这 些 调 研发 现 进 一 步 促进 了 一 些 细 市 性 原则 的 诞生 ， 比 如 
要 重点 强调 微 内 容 ( nanocontent， 例 如 标题 和 搜索 引 苟 链接 ) 的 头 两 个 单词 。 

所 以 没 错 ， 去 挥 果 面 网 站 里 的 那些 废话 。 

然而 ，Web 写作 和 移动 写作 之 间 仍 然 有 一 些 区 别 : 

E 泉 面 新 的 文案 写作 必须 简洁 明了 ; 

B 移动 器 的 文案 写作 必须 更 加 人 简洁 明了 了。 

总 的 原则 是 一 致 的 : 减少 次 要 信息 。 两 者 的 区 别 在 于 程度 不 同 ， 即 某 些 信息 可 能 对 茧 面 网 
站 来 说 可 以 接受 ,但 在 移动 网 站 或 应 用 中 就 应 将 其 移 至 二 级 页 面 或 干脆 删除 。 

最 初 在 人 研究 人 们 是 如 何在 移动 设备 上 阅读 时 ， 我们 使 用 加 用 户 发 送 专 属 优惠 券 的 形式 作为 
样本 。 这 项 调研 得 出 的 最 佳 设计 并 没有 在 第 一 屏 内 包含 多 少 内 容 。 用 户 必 须 点 击 一 个 链接 才能 
了 解 “ 此 优惠 的 更 多 信息 ”， 我 们 在 第 4 草 里 会 详细 讨论 这 一 样本 。 
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对 于 果 面 问 设 计 而 言 ， 在 第 一 屏 里 就 展示 所 有 信息 会 是 个 更 好 的 宋 上 略 ， 因 为 这 样 会 省 去 让 
用 户 点 击 的 厅 烦 。 那 么 ,为 什么 会 有 这 种 差别 ? 

W 移动 设备 的 屏 才 要 小 得 多 。 这 种 如 同 透 过 门 缝 进行 的 阅读 增加 了 认 知 的 负担 ， 使 得 人 们 

在 移动 设备 上 理解 一 段 文字 的 难度 大 约 是 在 困 面 端的 两 倍 。 人 脑 的 短期 记忆 是 不 稳定 的 ， 
用 户 在 滚动 屏幕 的 过 程 中 需要 临时 记忆 的 信息 越 多 ， 他 们 的 表现 就 会 越 差 。 

W 移动 用 户 表现 得 比 昌 面 用 户 更 加 匆忙 ， 因 为 他 们 处 在 移动 的 环境 中 。 

这 两 种 差别 都 文 持 同 一 个 建议 : 相 比 介面 网 站 ,移动 网 站 更 应 大 刀 阔 算 地 精简 文本 。 

男 一 个 类 似 的 研究 发 现 则 适用 于 如 何 对 功能 进行 取舍 一 一 移动 网 站 的 功能 集合 应 当 远 二 小 
于 时 面 网 站 。 同 样 ， 困 面 网 站 日 映 也 应 尽量 少 提供 功能 。 移 除 的 功能 越 多 ， 让 用 户 感到 迷惑 的 
机 会 就 越 少 ， 剩 下 的 功能 就 会 越 容易 使 用 。 

MAL, 移动 网 站 提供 的 功能 应 该 比 加 面 网 站 的 还 要 少 (所 以 原则 里 提 到 ， 应 当 为 那些 需要 
完整 版 网 站 专 有 功能 的 用 户 提 供 从 移动 网 站 到 完整 版 网 站 的 链接 ) 移动 网 站 应 当 只 提供 适合 在 
移动 环境 中 使 用 的 服务 。 比 如 说 ， 一 个 企业 的 完整 版 网 站 通 第 会 包含 公共 关系 信息 和 投资 者 关 
系 这 些 版 块 ， 这 些 信息 应 当 从 移动 网 站 中 去 掉 。 

你 的 曲面 网 站 IA 应 当 总 是 包含 一 个 和 价 单 的 、 人 避免 层级 过 深 的 导航 区 域 。 但 对 移动 端 而 言 ， 
空间 的 限制 使 得 避免 用 户 迷 路 成 为 更 重要 的 任务 。 你 应 该 减少 导航 选项 ， 因 为 你 无 法 在 每 一 屏 
中 都 显示 完整 的 上 下 文 信息 。( 一 个 典型 桌面 网 站 划分 的 导航 区 域 往往 比 一 台 典 型 智能 手机 的 整 
FERRER, TEMZA THRANE., ) 就 是 说 ， 在 一 个 移动 网 站 的 IA 中 ， 导 航 结构 应 
当 比 加 面 网 站 更 加 局 平 化 。 

图 2-9 中 的 百 思 关 网 站 就 遭受 了 层级 过 深 市 来 的 影响 : 用 户 如 果 想 选 购 一 个 iPad 保护 套 ， 
必须 经 过 5 级 IA 导航 才能 看 到 相关 的 产品 。 在 这 种 情况 下 ， 网 站 最 好 能 提供 更 快速 到 达 产 品 页 
面 的 方法 ， 因 为 出 门 在 外 的 用 户 经 党 不 愿意 在 这 上 面 化 太 多 时 间 。 

平板 电脑 的 情况 介 于 手机 和 加 面 电脑 之 间 ， 具 体 我 们 会 在 第 5 半 中 进行 讨论 。 平板 电脑 拥 
有 中 等 大 小 的 屏 禹 ,能 容纳 的 文字 和 导航 内 容 比 手机 屏 禹 更 多 ,支持 的 功能 也 更 丰 定 。 为 一 方面 ， 
平板 电脑 较 大 的 屏 和 项 空间 可 以 容纳 复杂 的 手势 操作 ， 由 此 也 引发 了 独 有 的 可 用 性 问题 。 










































































2.2.4 ” 啊 应 式 设计 


响应 式 设 计 是 一 种 日 益 流 行 的 .应 对 完整 版 网 站 和 移动 网 站 这 一 矛盾 的 解决 方案 。 顾名思义 ， 
响应 式 设计 的 意思 是 针对 屏 融 尺寸 和 屏 禹 方 回 目 动 优 化 网 页 布局 。 各 种 网 页 元 系 被 放置 在 一 个 
灵活 可 变 的 方 格 中 ， 方 格 日 喘 则 填 满 整个 屏 硕 。 因 此 ， 架 面 网 站 里 的 多 列 式 布局 在 移动 网 站 中 
就 成 了 单列 式 布 局 ， 两 者 拥有 同样 的 内 容 和 功能 ( 图 2-10 )。 

啊 应 式 设计 的 一 个 优势 是 节省 维护 成 本 。 企 业 不 需要 单独 为 昌 面 和 移动 端 各 目 建 立 网 
站 ， 只 需 建 一 个 网 站 并 使 其 在 小 屏幕 中 看 起 来 合适 即 可 。 而 且 ， 啊 应 式 设计 能 更 好 地 文 持 那些 
只 能 用 移动 设备 上 网 的 用 户 ( 他 们 可 能 没有 困 面 电脑 ,或 因为 出 门 在 外 等 原因 无 法 使 用 困 面 
电脑 )。 
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(d) (e) 


图 2-9 百思买 的 iOS 应 用 的 信息 架构 层级 过 多 。 因 此 ， 想 选 购 iPad 保护 套 的 用 户 需 要 层 层 经 过 以 下 这 些 导 航 页 面 

(a) “产品 ”网 页 ( Products ) ; (b) “电脑 与 平板 电脑 ”网 页 ( Computers & Tablets) ; (c) "iPad 535" | 网 
页 (iPad & Tablets); (d) "iPad 配件 ”网 页 ( iPad Accessories); (e) "iPad 保护 包 、 保 护 套 和 内 胆 包 ”网 页 ( iPad 
Cases, Covers, & Sleeves) ; (f) 实际 展示 iPad 保护 套 的 网 页 





啊 应 式 设 计 所 适合 的 网 站 具有 如 下 特点 : 移动 用 户 对 网 站 所 有 的 功能 和 内 容 有 着 与 条 面 用 

户 同等 的 需求 。 新 闻 或 报纸 网 站 最 有 代表 性 ， 因 为 网 站 的 大 多 数 功能 和 内 容 同样 可 能 会 被 移动 

用 户 访 问 ， 所 以 向 他 们 提供 一 个 功能 等 同 于 完整 版 网 站 但 为 移动 优化 过 的 版 本 是 很 明知 的 (图 
2-10 ). 
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图 2-10 《波士顿 环球 报 》 网 站 
( bostonglobe.com ) 在 两 种 平台 
上 的 显示 效果 : (a) ERB; 
(b ~ c) Æ Android FHE. tt 
是 率先 使 用 响应 陈设 计 的 网 站 之 一 


= EXCLUSIVE SUNDAY PREVIEW | TRAVEL 
9 " . . 




















(c) 





但 是 ， 某 些 功能 适合 果 面 网 站 而 不 适合 移动 网 站 。 举 个 例子 ,一 个 层级 较 深 有 多 个 类 日 
和 子 类 目的 网 站 架构 可 能 在 昌 面 网 站 上 是 可 行 的 ， 但 在 移动 器 很 容易 束 成 了 索 帝 。 类 似 地 ， 移 
动用 户 很 难 通过 深 动 页 面 浏 览 一 张 包含 众多 同类 项 目 、 每 个 项 目 还 日 市 不 少 细 市 的 超 长 消 单 。( A 
市 内 容 可 以 有 ， 但 其 中 的 一 部 分 应 当 转 移 到 二 级 页 面 。) 
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如 图 2-11 所 示 ， 美 国 乔治 梅森 大 学 法 学 院 网 站 中 的 “未 完工 论文 ”( Working papers ) 页 面 
在 昌 面 山里 一 屏 至 少 显 示 两 篇 论文 ， 而 在 移动 端 里 仅仅 一 篇 论文 《包括 摘要 ) 就 占据 了 多 屏 。 
即使 是 在 大 屏幕 手机 上 C 比如 三 星 Galaxy Nexus ), 用 户 也 必须 滚动 好 几 页 才能 看 到 下 一 篇 论文 。 
就 移动 山 而 言 ， 压 缩 一 下 摘要 的 内 容 会 更 有 效 ， 而 且 可 以 让 用 户 快 速 扫 到 上 月 己 感 兴趣 的 论文 。 














Abandoning Antitrust's Chicago Obsession: The Case for Evidence-Based Antitrust 


By: Abstract: 


The antitrust community retains something of an inconsistent attitude towards evidence- 
based antitrust. Commentators, judges, and scholars remain supportive of evidence- 
based antitrust, even vocally so; nevertheless, antitrust scholarship and policy discourse 
continues to press forward advocating the use of one theory over another as applied in a 
specific case, or one school over another with respect to the class of models that should 


Joshua Wright inform the structure of antitrust's rules and presumptions, without tethering those 
questions to an empirical benchmark. This is a fundamental challenge facing modern 

Date Posted: 2012 antitrust institutions, one that | call the “model selection problem." The three goals of this 
article are to describe the model selection problem, to demonstrate that the intense focus 

No.: 12-39 upon so-called schools within the antitrust community has exacerbated the problem, and 

Full text (original) *: to offer a modest proposal to help solve the model selection problem. This proposal has 
two major components: abandonment of terms like “Chicago School," “Neo-Chicago 

Full text (most current version) on School,” and “Post-Chicago School,” and replacement of those terms with a commitment to 

SSRN testing economic theories with economic knowledge and empirical data to support those 


theories with the best predictive power. | call this approach “evidence-based antitrust.” | 
conclude by discussing several promising approaches to embedding an appreciation for 
empirical testing more deeply within antitrust institutions. 


The Senate and Hyper-Partisanship: Would the Constitution Look Different if the 
Framers had Known that Senators would be Elected in Partisan Elections? 


Abstract: 


This article is a contribution to the symposium "Hyperpartisanship and the Law," 
sponsored by the Georgetown Journal of Law and Public Policy. The article considers the 
implications of direct election of United States Senators via partisan elections for the 
Constitution. As originally designed, the Senate was elected by state legislatures and the 
Framers anticipated (naively perhaps) that the Senate would be comprised of men chosen 


Todd Zywicki on the basis of distinction and ability rather than partisan allegiances. That system was 
changed in 1913 with the enactment of the Seventeenth Amendment, which adopted 

Date Posted: 2012 direct election of Senators. This article asks whether the Constitution would look different 
if the Framers had anticipated that Senators eventually would be elected by direct election 

No.: 12-38 as opposed to indirect election. 


Full text (original) ") 
In particular, | focus on the distinctive powers given to the Senate within the federal 

Full text (most current version) on constitutional structure and the reasons articulated for why those powers were given to 

SSRN the Senate: the power to try impeachments, to confirm nominees, and to ratify treaties, as 
well as the role of the Senate in the system of bicameralism and federalism. Although it is 
impossible to know for sure what the Framers would have done had they anticipated direct 
election in partisan elections | argue that it is likely that they would not have given the 
power to try impeachments to the Senate in the form that they did, it is reasonable that 
they might have changed the system of nomination and confirmation, and is likely that 
they would have retained the Senate's major role in treaty confirmation. Although direct 
election dramatically diluted the value of bicameralism, it is likely that they would have 
retained a bicameral structure for most matters anyway. Finally, it is extremely likely that 
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网 站 益处 更 多 。 进 一 步 看 ， 这 两 种 平台 都 有 许多 宦 裕 的 用 户 ， 因 此 将 转化 率 最 大 化 所 和 之 来 的 利 
润 是 很 可 观 的 。 

不 过 ， 问 题 仍 在 于 成 本 效益 分 析 的 绪论 是 否 真 正文 持 建 两 个 网 站 ， 还 是 说 守 着 一 个 网 站 更 
加 有 利 可 图 。 

必须 首先 考虑 你 所 在 机 构 的 规模 ， 以 及 移动 和 时 面 用 户 各 自 能 带 来 多 少 生 意 。 一 些 企业 的 
规模 太 小 ， 即 使 转化 率 变 得 更 高 ， 由 此 增加 的 利润 也 不 足以 弥补 维护 两 种 设计 的 费用 。 男 一 些 
企业 可 能 只 为 移动 或 更 面 用 户 中 的 一 方 提 供 服务 ， 因 此 即使 另 一 方 用 户 的 转化 率 低 一 些 ， 造 成 
的 损失 也 不 是 很 大 。 不 过 ， 如 果 网 站 流量 的 来 源 分 布 很 均衡 ， 预 算 也 有 限 ， 啊 应 式 设计 可 能 会 
是 一 个 足够 好 的 解决 方案 。 

即使 你 的 机 构 足 够 大 ， 能 从 提供 两 种 不 同 设计 中 获 益 ， 一些 人 仍然 觉得 成 本 过 高 ， 认 为 
是 应 该 用 啊 应 陈设 计 代 符 。 

然而 ， 就 交互 式 设 计 或 代码 编写 及 实现 而 言 ， 啊 应 式 设计 也 并 不 是 没有 成 本 的 。 对 一 些 网 
站 来 说 ， 费 用 确实 可 能 比 其 他 实现 方案 更 低 。 如 果 你 们 的 情况 是 这 样 的 ， 建 议 就 走 这 条 路 。 

但 最 重要 的 一 点 是 : 啊 应 式 设 计 如 果 正 确实 施 ， 肯 定 意 味 关 要 为 两 种 平台 设计 制作 不 同 的 
UI。 和 毕竟 ， 这 一 概念 的 核心 就 是 让 设计 适应 或 者 说 “ 啊 应 ”用 户 所 用 平台 及 设备 。 

事实 上 ， 采 用 了 员 应 式 设 计 的 网 站 也 会 采用 一 系列 为 移动 端 定制 和 优化 的 措施 。 其 中 的 许 
多 网 站 不 光 会 为 移动 界面 设计 个 性 化 的 布局 ， 也 会 对 移动 端 显示 的 内 容 进 行 至 少 是 最 低 程度 的 
调整 。 比 如 ， 在 《波士顿 环球 报 》 这 个 例子 中 (图 2-10 )， 顶 部 导航 栏 里 的 主题 类 目 都 被 集中 到 
一 个 单一 的 “分 类 ”( Sections ) 栏目 里 。 其 他 的 网 站 甚至 走 得 更 远 ， 干 脆 把 移动 用 户 较 少 使 用 
的 功能 直接 去 掉 了 ， 比 如 ProPublica 网 站 (图 2-12 )。 

我 们 所 见 到 的 大 多 数 啊 应 式 设 计 范 例 都 还 属于 比较 初级 的 阶段 ， 并 没有 提供 完全 符合 移动 
和 条 面 端 各 目 需 求 的 不 同 UI。 仅 仅 通 过 调整 内 容 显示 位 置 、 缩 放 特定 元 素 矿 二 来 修改 页 面 布 
局 是 不 够 的 ， 这 么 做 只 能 满足 加 面 端 里 19 寸 显示 需 与 24 寸 显示 需 相 比 ， 或 移动 端 里 iPhone 与 
Kindle Fire 相 比 所 需要 的 调整 。 

正如 前 面部 分 所 讨论 的 ,移动 和 时 面 设计 的 差别 远 不 止 是 布局 问题 。 只 要 有 足够 的 编程 量 ， 
这 些 差 别 是 可 以 通过 啊 应 式 设 计 来 解决 的 。 事 实 上 ， 你 可 以 认为 如 果 一 种 设计 不 能 兼顾 两 种 平 
台 的 主要 差别 ， 就 不 能 算是 合格 的 啊 应 式 设计 。 但 是 ， 如 果 确 实 想 要 处 理 好 平台 间 的 所 有 差异 ， 
我 们 就 回 到 了 原点 : 进行 两 种 不 同 的 设计 。 
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2.2.5 可 用 性 原则 很 少 非 黑 即日 


许多 人 想 让 我 们 提供 便 性 和 快捷 的 规则 ， 告 诉 他 们 沫 单项 目 不 能 超过 X 条， 每 页 字数 不 能 
超过 了 个 ， 从 首页 到 任何 一 个 页 面 的 点 击 次 数 不 能 超过 乙 次 。 不 羡 的 是 ， 这 种 方法 对 UI 设计 行 
不 通 。 可 用 性 的 问题 很 少 只 有 一 个 答案 ， 更 多 情况 下 它们 只 是 个 定性 的 问题 ， 指 明了 改进 的 方 
癌 和 设计 过 程 中 不 可 避免 的 利 素 权衡 。 
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2-12 ProPublica 网 站 ( propublica.org ) 使 用 了 响应 陈设 计 。 你 可 以 看 到 同一 网 站 在 不 同 平台 的 显示 效果 : 
(a) ER Hin, (b) 在 移动 设备 里 。 设 计 师 们 除了 为 移动 界面 设计 个 性 化 的 布局 之 外 ， 还 做 了 更 多 的 调整 。 于 是 我 们 
看 到 页 面 项 部 的 二 级 导航 栏 在 移动 版 中 被 去 掉 了 , 主导 航 栏 里 的 类 别 也 进行 了 削减 : 桌面 网 站 中 的 “工具 和 数据 ”( Tools 
and Data) 在 移动 版 里 看 不 到 了 ; “我 们 的 调查 ” (Our investigations ) 在 移动 版 里 被 更 名 为 “项 目 ” (Projects) , 
估计 是 为 了 更 好 地 利用 有 限 的 空间 。 另 外 ， 请 注意 移动 版 只 显示 了 项 目 名 称 ， 而 在 桌面 网 站 中 则 会 附 上 一 段 简 短 的 项 目 
摘要 








ProPublica, April 27, 1:17 p.m. 














Web 页 面 的 啊 应 时 间 每 增加 0.1 PD, PRCA LP AP ATTA BREA ABR 
意 等 行 10 秒 ， 或 者 没有 人 会 等 11 秒 ， 则 未 必 。 

青 举 一 个 例子 ,请 思考 之 前 关于 写作 简明 性 的 原则 。 最 简明 的 文案 是 那些 只 包含 一 两 个 词 的 ， 
但 它们 组 成 的 网 页 一 般 无 法 让 用 户 满意 。 事 实 上 ， 某 些 时 候 文章 长 一 些 会 更 好 〈 不 过 即使 是 次 
度 文 章 也 应 该 撤除 泡沫 ， 并 依照 目标 受众 能 够 理解 的 程度 来 进行 撰写 )。 

那个 简单 的 要 点 在 此 依然 有 效 : 为 Web 写作 时 将 字数 压 得 越 少 越 好 。 而 为 移动 写作 时 ， 更 
是 要 进一步 压缩 。 当 考虑 将 哪些 次 要 内 容 移 到 二 级 页 面 中 时 ， 如 果 针 对 的 是 移动 用 户 ， 就 需要 
将 主要 和 次 要 内 容 的 分 界线 进行 调整 。 虽 然 原 则 是 一 样 的 ， 但 是 你 在 移动 平台 上 的 标准 却 应 该 
更 高 。 

移动 可 用 性 在 用 户 体验 的 所 有 领域 〈 功 能 组 合 ，IA， 写 作 和 图 像 处 理 等 ) MERKA ERM 
可 用 性 更 严格 、 更 缩小 化 的 设计 。 这 就 是 你 需要 一 个 单独 的 移动 网 站 的 原因 。 单 纯 运 用 啊 应 式 
Web 设计 来 使 完整 版 网 站 适应 移动 设备 弟弟 会 造成 移动 UX 低 于 应 有 的 标准 。 
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企业 移动 战略 中 最 重要 的 问题 是 ， 是 否 应 从 一 开始 就 对 移动 端 做 些 专 门 的 处 理 。 有 些 
企业 永远 不 会 获得 大 量 的 移动 访问 ， 因 此 只 需 任 力 于 让 其 果 面 网 站 在 小 屏 医 里 显得 别 太 差 劲 
HIIR 

(B, EB RAA I| ES 2 HE RI, Ton BS EE ol A — 1 IRR : 
应 该 制作 移动 网 站 还 是 特别 研发 一 球 移动 应 用 ?这 个 问题 未 来 的 管 案 跟 现在 可 能 会 很 不 同 。 


2.3.1 当前 移动 战略 : 应 用 最 佳 


在 本 书写 作 之 际 ， 两 者 坚 无 可 比 性 ， 如 采 条 件 允 许 就 该 力 推移 动 应 用 。 我 们 对 移动 设备 进 
行 的 可 用 性 调研 清楚 地 显示 出 用 户 使 用 应 用 比 使 用 移动 网 站 时 的 效率 更 高 。 我 们 在 使 用 移动 应 
用 的 用 户 中 测量 到 7496 的 成 功率 ， 相 比 专 业 移 动 网 站 的 64% 要 高 得 多 。( 从 移动 网 站 测 到 的 可 
用 性 指标 比 从 手机 访问 时 面 /完整 版 网 站 时 测 到 的 要 高 ， 但 是 移动 应 用 的 得 分 还 要 更 高 。) 

这 些 调研 数据 就 是 你 真正 第 要 知道 的 全 部 。 应 用 在 测试 中 打败 了 移动 网 站 ， 这 是 事实 。 在 
制定 移动 战略 时 ， 并 不 需要 知道 为 什么 某 一 方 是 胜利 者 ， 不 过 我 们 还 是 试 着 解释 一 下 。 

移动 应 用 比 移动 优化 网 站 更 易 用 的 原因 在 于 ， 网 站 设计 中 能 做 到 的 优化 程度 有 限 。 一 丈 应 
用 能 针对 每 个 设备 各 目的 能 力 和 局 限 进行 调整 ， 而 在 浏览 可 中 运行 的 网 站 却 难以 做 到 。 不 只 是 
针对 设备 进行 定制 ， 应 用 成 功 的 秘诀 还 在 于 它们 一 般 比 网 站 更 简单 ， 通 稼 只 致力 于 提供 一 到 两 
种 醒目 易 用 的 功能 组 合 。 当 应 用 被 塞 入 更 多 功能 时 ， 其 界面 的 复杂 度 就 会 增加 ， 用 户 也 就 更 有 
可 能 无 法 完成 任务 。 

对 任何 平台 来 说 ， 原 生 应 用 程序 都 是 更 佳 的 选择 ， 即 使 是 在 蜗 面 电脑 上 。 不 过 ,桌面 电脑 
强劲 的 性 能 使 得 基于 Web 的 应 用 程序 能 够 满足 许多 任务 的 使 用 需要 。 

相 比 之 下 , 移动 设备 的 用 户 体验 就 要 差 一 些 : BE) Sa, 绥 慢 的 网 速 , 较 高 的 交互 成 本 〈 特 
别 是 打字 寓 劲 ， 但 也 有 用 户 无 法 双击 或 悬 停 的 因素 ) 和 由 “ 胖 手 指 ” 问 题 市 来 的 点 击 精度 低下 。 
设备 越 差 ， 根据 其 特点 进行 优化 就 越 重要 。 

应 用 对 内 容 提 供 商 来 说 还 具有 更 好 的 商业 价值 ， 因 为 众多 应 用 商店 都 提供 伪 小 额 文 付 
( pseudo-micropayment ) 的 功能 ， 使 你 能 回 用 户 收 费 。 这 点 在 互联 网 上 实现 起 来 会 更 困难 些 。 

不 仅 如 此 ， 我 们 还 应 考虑 有 关 互 联网 市 宽 的 尼 尔 条 定 律 和 关于 计算 机 性 能 的 摩尔 定律 之 间 
的 差别 。 "在 下 一 个 10 年 里 ,互联 网 的 带宽 将 可 能 提升 57 倍 , 而 计算 机 的 性 能 将 是 目前 的 100 fi. 

换 句 话说 ， 运 行 原生 代码 与 下 载 网 页 相 比 的 优势 在 未 来 10 年 内 将 会 翻 倍 ， 这 又 为 选择 移动 
应 用 提供 了 一 个 理由 。 































































































(D 尼尔森 定律 (Nielsen's Law) 由 本 书 作 者 之 一 Jakob Nielsen 提出 ， 指 高 端 用 户 的 网 络 带 宽 每 年 将 增长 50%, ak 
21 个 月 会 翻 一 番 。 摩 尔 定律 (Moore's Law ) 由 英特尔 公司 联合 创始 人 Gordon E. Moore 提出 ， 指 计算 机 的 处 
理 能 力 大 约 每 18 个 月 会 翻 一 番 。 一 一 译 者 注 
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2.3.2 ”未 来 移动 战略 : iE 


未 来 ， 应 用 和 移动 网 站 间 的 利 浆 关 系 将 会 发 生 改变 。 

刚才 我 们 的 确 说 过 计算 机 的 性 能 将 会 提升 100 倍 ， 但 这 并 不 意味 着 iPhone 15 一 定 会 比 
iPhone 5 快 上 100 倍 。 更 可 能 的 是 ， 硬 件 的 进步 会 分 别 体现 在 速度 和 其 他 关键 移动 指标 上 ， : 
别 是 电池 寿命 。 因 此 ， 未 来 的 手机 可 能 只 会 快 上 10 倍 (但 会 更 薄 、 更 轻 ， 在 两 次 充电 之 间 能 
THA )， 而 下 载 速度 则 会 是 目前 的 57 分 之 一 。 

移动 应 用 的 耗费 将 会 增加 ， 因 为 需要 为 更 多 的 平台 进行 开发 。 最 保守 地 估计 ， 你 必须 支持 
的 平台 包括 Android, iOS 和 Windows Phone。 另 外 ， 这 些 平台 中 的 一 些 还 可 能 会 衍生 出 许多 子 
平台 ， 每 种 子平 台 都 需要 开发 单独 的 应 用 才能 提供 像样 的 用 户 体验 。 

出 于 对 用 户 体 验 的 考虑 ，iOS 已 经 衍生 出 iPad 和 iPhone 两 大 分 支 。 虽 然 这 两 类 设备 理论 上 
有 着 一 样 的 操作 系统 ， 却 需要 相当 不 同 的 设计 。 

亚马逊 推出 的 Kindle Fire 事实 上 已 经 将 Android 的 用 户 体验 衍生 至 一 种 差别 巨大 的 平台 
对 这 种 不 合 标准 的 设备 ,你 需要 一 款 有 不 同 UI 的 不 同 应 用 ,才能 提供 像样 的 可 用 性 。 代 号 为 “ 冰 
淇 淋 三 明治 ”的 Android 4.0 厂 则 又 是 另 一 种 分 文 : 旧版 Android 中 的 物理 按键 ( 主页 、 返 回 、 
搜索 和 菜单 ) 被 3 个 可 隐藏 的 虚拟 按键 ( 主页 、 返 回 和 最 近 应 用 ) 所 取代 ， 如 图 2-13 所 示 。 
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2-13 不 同 版 本 的 Android 中 显示 的 Amazon 应 用 。 (a) 旧版 的 Android 有 4 个 物理 按键 。 ( b ) Kindle Fire 没有 
物理 按键 ， 而 是 使 用 可 隐藏 的 虚拟 按键 。 ( c ) 最 新 的 Android 4.0.2 版 取消 了 物理 按键 ， 代 之 以 虚拟 按键 
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物理 按键 与 虚拟 ( 软 ) 按键 


物理 按键 是 真实 存在 的 按键 ， 是 硬 
件 的 一 部 分 。iPhone 有 一 个 物理 按键 ( 主 
页 ) ， 而 Android 从 诞生 至 2.3.6 版 (KF 

"ABE ) 的 手机 则 有 4 个 物理 按键 ( 返 
回 、 主 页 、 菜 单 和 搜索 ) 。 

虚拟 按键 则 是 触摸 屏 的 一 部 分 。 应 用 
程序 可 以 自由 选择 将 其 显示 或 隐藏 ， 便 于 
适当 时 候 增 加 空间 来 显示 更 多 内 容 。 虚 拟 
按键 可 以 变换 人 位置， 无论 手机 是 横 放 还 是 
竖 放 ， 它 们 都 能 出 现在 屏幕 底 端 。 

Kindle Fire 运 行 的 是 Amazon 的 修改 版 
Android， 它 将 旧版 Android 中 的 4 个 物理 按 
键 以 虚拟 ( 软 ) 按键 取代 ， 应 用 可 以 通过 
将 其 隐藏 以 增加 空间 来 显示 更 多 内 容 。 最 
新 的 Android 4.0.2 版 则 去 掉 了 物理 按键 ， 
换 成 几 个 虚拟 按键 : 返回 、 主 页 、 最 近 
应 用 和 更 多 操作 (Action Overflow ) 。 其 
中 “更 多 操作 ” 键 是 可 选 的 ， 依 具体 应 用 
而 定 ， 用 于 代替 旧版 Android 系 统 中 应 用 所 
使 用 的 菜单 键 ， 以 使 这 些 老 应 用 能 兼容 新 
版 本 的 操作 系统 。 旧 版 中 的 搜索 键 命运 更 
差 些 ， 因 为 “ 冰 湛 淋 三 明 冶 ”系统 中 已 没 
有 其 替代 品 了 。 不 仅 如 此 ， 加 剧 问题 复杂 
性 的 还 有 : 使 用 Android 操 作 系 统 的 手机 生 
产 商 可 以 自主 选择 是 加 入 物理 按键 (比如 
三 星 的 Galaxy SII) 还 是 依据 官方 指南 使 
用 虚拟 按键 。 

理论 上 ， 物 理 按 键 这 一 概念 是 更 具 吸 
引力 的 ， 它 们 能 节省 昂贵 的 屏幕 空间 。 
而 且 有 了 专用 于 执行 返回 和 搜索 功能 的 物 
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理 按键 ,就 不 再 需要 花 时 间 对 付 屏幕 中 相 
应 的 界面 组 件 了 。 物理 按 键 的 危险 之 处 在 
于 它们 通常 位 于 用 户 视觉 注意 力 的 焦点 之 
外 。 用 户 必须 “思考 ”这 些 按 键 能 起 什么 
作用 ， 以 及 在 当前 状况 下 是 否 有 用 ， 除 非 
这 些 按键 在 上 下 文 之 间作 用 能 保持 一 致 。 

旧版 Android 中 物理 按键 的 问题 在 于 
使 用 率 不 高 。 除 了 频繁 用 到 的 主页 和 返回 
键 ， 其 他 按键 ( 菜单 和 搜索 ) 经 党 被 用 户 
忽视 。 部 分 原因 在 于 这 些 按键 在 各 种 应 用 
中 用 法 不 一 ( 某 些 模仿 iPhone 风格 的 应 用 
根本 不 使 用 它们 ， 其 他 一 些 应 用 只 是 将 它 
们 用 在 非 核心 的 功能 里 ) ， 因 此 用 户 对 这 
些 按键 没有 一 个 明确 的 使 用 预期 。 有 鉴 
此 ,许多 应 用 已 将 物理 按键 的 功能 复制 到 
了 可 视界 面 组 件 之 中 ,这样 对 用 户 来 说 更 
明显 ， 更 有 可 能 吸引 他 们 的 注意 。 

Æ, AiE Android 4.0 中 放弃 物理 
按键 ， 这 一 举措 的 方向 是 对 的 ( 特别 是 就 
菜单 和 搜索 功能 而 言 ) ， 原 因 却 是 错误 
的 ， 因 为 它 解决 的 问题 是 谷歌 在 研发 第 一 
版 Android 系 统 时 自己 制造 出 来 的 ， 即 没有 
制作 或 推行 使 用 物理 按键 的 清晰 规范 ， 结 
果 造 成 这 些 按键 用 途 各 异 ， 未 能 给 用 户 学 
习 使 用 它们 市 来 帮助 。 

而 对 返回 和 主页 键 来 说 ， 情 况 稍 有 不 
同 。 虽 然 返 回 键 在 Android 中 任务 过 重 ， 比 
如 用 于 取消 、 返 回 菜 应 用 的 上 一 屏 或 返回 
上 一 个 应 用 ,但 它 在 各 个 应 用 中 的 作用 相 
对 一 致 ， 人 们 已 经 学 会 使 用 和 依靠 它 了 。 





唯一 现实 的 舍 计 是 ， 这 种 UI 多 样 化 的 趋 抒 未 来 还 会 持续 下 去 ， 于 是 移动 应 用 的 人 研发 费用 将 
变 得 很 高 。( 虽然 企业 经 第 试 着 只 制作 一 种 界面 ， 然 后 根据 需要 为 每 种 平台 加 入 特定 代码 以 市 省 
费用 , 但 是 原生 应 用 的 研发 成 本 仍然 不 可 忽视。) 
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与 网 站 相 比 ， 应 用 在 其 他 方面 还 存在 看 一 些 缺 点 。 站 完 ， 应 用 中 的 内 容 比 Web 中 的 更 不 容 
Fy SAF, FALL TILA IK Web， 然 后 从 结 末 中 选择 用 户 所 需 信息 所 在 的 次 层 网 页 链接 ， 在 多 
个 应 用 中 进行 搜索 通常 要 更 费力 。 目 前 ， 我们 尚未 发 现 有 任何 应 用 可 以 对 别 的 应 用 进行 搜索 ， 
然后 将 用 户 市 到 那些 应 用 的 内 部 次 层 页 面 之 中 。 

其 次 ,应 用 比 Web 的 内 容 更 难以 被 发 现 。 对 于 特定 的 信息 需求 ， 比 如 查询 图 书馆 何 时 关门 ， 
用 户 更 有 可 能 进行 Web 搜索 ， 而 不 是 去 应 用 商店 查找 相关 应 用 ， 下 载 它 ， 然 后 看 看 它 是 否 包 含 
所 需 信 息 。 用 户 安 猴 有 个 应 用 必须 花费 更 多 的 精力 ， 而 且 即 使 愿意 这 人 么 做 ， 也 必须 事先 知 拓 这 
个 应 用 ， 还 要 愿意 花 时 间 研 究 它 。 对 许多 需要 快速 找到 和 上 下 文 相关 答案 的 任务 来 说 ， 诉 诸 于 
Web 效率 更 高 。 

与 之 相对 ， 移 动 网 站 会 保持 一 些 跨 平台 的 功能 特性 ， 因 此 无 害 多 次 进行 设计 。 高 端 网 站 将 
需要 3 种 移动 设计 , 分 别 面向 手机 、 中 等 代 寸 的 平板 电脑 ( 像 Kindle Fire ) 和 大 尺寸 的 平板 电脑 。 
避 从 啊 应 式 设 计 这 样 的 理念 会 使 你 的 每 个 网 站 版 本 都 能 适应 一 系列 尺寸 和 性 能 不 同 的 设备 。 只 
需 将 界面 稍 加 收缩 或 伸展 ,就 能 使 相同 的 基本 UI 设计 同时 适用 于 6.8 英 寸 和 7.5 英寸 的 平板 电脑 。 
(5 英寸 的 手机 则 需要 完全 不 同 的 设计 ， 不 能 仅 对 界面 稍 加 修改 ， 功 能 和 内 容 都 需要 进行 精简 。) 

最 重要 的 是 ，HTMLS5 等 新 兴 Web 技术 将 显著 提高 移动 网 站 的 功能 。 我 们 已 经 见 到 了 移动 
Web 应 用 ， 这 是 一 种 UI 非常 类 似 于 原生 应 用 的 移动 网 站 ( 图 2-14 )。 


















































2-14 Web 应 用 在 浏览 器 中 — [a AT&RTM-Cell S 1:26 PM Se mæ] [all AT&T M-Cell © 11:11 AM =Æ 
运行 ， 但 看 起 来 像 是 原生 应 用 。 FINANCIAL TIMES = G oPENAPPMKT (Qu 
(a) 《金融 时 报 》 的 Web 应 用 
(app.ft.com) 。《 金融 时 报 》 Hard labour 4B iple) 48. 


决定 从 苹果 的 应 用 商店 中 撤 出 自 
己 的 iPhone 原生 应 用 ， 以 规避 TJ 
阅 费 用 并 杀 自 收集 订阅 者 的 数据 。 | Downloading articles emm mx) 
( b ) OpenAppMkt ( openappmkt. 
com ) 是 一 个 列举 网 站 和 Web 应 
用 的 Web 应 用 ， 其 底部 的 标签 栏 
很 像 用 户 在 原生 应 用 中 所 获得 的 ”| Equities slide after downbeat jobs 
体验 data 


Dreaming of an eight-hour SUPERSTAR 
day in a Chinese factory 
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Our Picks 


(a) (b) 


今天 ， 出 版 商 们 ， 如 英国 《金融 时 报 》 和 美国 《花花 公子 》 杂 志 ， 使 用 Web 应 用 代替 原生 


























应 用 并 不 是 因为 UI 的 原因 ， 而 是 绿 于 商业 因 系 。 他 们 不 再 愿意 将 订阅 收入 的 相当 一 部 分 上 缴 给 
应 用 商店 的 所 有 者 ,《 人 花花 公 于 》 则 希望 绕 过 平 来 严格 的 审查 以 出 版 更 多 的 刺激 性 内 容 。 
免 于 审查 和 无 需 分 享 收入 是 投 癌 目 由 免费 的 互联 网 、 远 离 私 有 应 用 商店 这 种 市 大 围墙 的 花 
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园 的 好 理由 。 未 来， 更 好 的 UI 和 更 具 适 应 能 力 的 软 硬 件 实现 也 会 成 为 选择 移动 网 站 的 理由 。 
移动 网 站 战略 的 另 一 个 好 处 是 能 与 整个 Web 进行 更 好 的 集成 。 链 接 到 一 个 网 站 比 与 第 三 方 
应 用 进行 集成 更 容易 。 从 长 远 来 看 ， 互 联网 会 战胜 那些 小 而 封闭 的 体系 。 
应 用 可 能 更 适合 那些 严重 依赖 功能 的 任务 ， 比 如 照片 编辑 ， 并 继续 保持 这 种 优势 。 移 动 网 
站 则 会 更 适合 电子 商务 /移动 商务 、 企 业 网 站 、 新 闻 、 医 疗 信息 和 社交 网 络 等 侦 重 内 容 即 不 需 
要 崇 重 数据 处 理 的 领域 。 


原生 应 用 、Web 应 用 和 混合 应 用 


在 移动 领域 内 ， 经 常会 听 到 一 些 像 原生 应 用 ，Web 应 用 甚至 混合 应 用 这 样 的 术语 ， 它 
们 有 什么 区 别 呢 ? 

原生 应 用 植 根 于 设备 之 中 ， 通 过 应 用 程序 商店 (例如 Google Play 或 苹果 的 App Store ) 
进行 安装 。 它 们 是 专 为 菜 一 种 平台 开发 的 ， 并 且 一 般 都 遵循 该 平台 的 UI 惯例 。 用 户 通 过 设 
备 主页 屏幕 中 的 图 标 访问 它们 。 

Web 应 用 (2.3.2 节 图 2-14 ) 在 浏览 器 中 运行 。 用 户 首先 像 访 问 Web 页 面 一 样 找 到 它 
们 : 用 户 进入 菜 个 特定 的 URL 网 址 ， 然 后 可 以 通过 添加 书签 的 形式 将 该 页 “安装 ”到 主页 
屏幕 。Web 应 用 通常 针对 特定 平台 ， 因 为 不 同 的 浏览 器 支持 的 HTMLS (Web 应 用 所 使 用 的 
语言 ) 版 本 不 同 。 它 们 看 上 去 和 用 起 来 都 像 是 原生 应 用 ,但 与 原生 应 用 相 比 ， 可 调用 的 手 
机 功能 类 别 受 到 更 多 限制 ， 比 如 对 手势 的 支持 。 

混合 应 用 ( 图 2-15 ) 是 一 种 在 应 用 内 运行 浏览 器 的 原生 应 用 。 它 们 像 原生 应 用 一 样 进 
行 安装 ( 通过 应 用 商店 ) ， 但 是 应 用 中 的 部 分 位 置 显示 的 是 Web 页 面 。 企 业经 常 把 混合 应 
用 当做 是 对 现 有 Web 页 面 的 一 种 包装 ， 因 为 他 们 希望 不 用 费时 费力 开发 单独 的 应 用 就 能 
应 用 商店 里 露 露脸 。 


all AT&T ^ 5:29 PM alll AT&T > H alll AT&T 4G 5:29 PM 


Penney yí main menu " zi find a store ex (0) * 


jcp findastore i (0) 
shop now Enter search term or item 
simple as swipe. tap. buy. 


Ente arch term or item 
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| a) it's mother's 
it’s mother's T | | H lay 
ma a view the calendar > 


view the calendar » may 


home store 








(a) (b) (c) 

图 2-15 JC Penney f iPhone 应 用 就 是 iPhone 混合 应 用 的 一 个 例子 。 (a) 该 应 用 有 多 个 版 块 。 ( b ) 应 用 中 
的 “现在 购买 ” (Shop Now ) 版 块 包括 一 个 显示 JC Penney 移动 网 站 的 浏览 器 ， 该 应 用 还 显示 了 底部 的 应 用 
专属 标签 栏 和 顶部 的 导航 栏 。 ( c ) JC Penney 的 移动 页 面 ( m.jcpenney.com ) 在 Safari 浏览 器 中 显示 的 效果 
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2.3.3 ”战略 何 时 发 生 转 变 


是 时 候 提出 这 个 64 000 美元 的 问题 了 ”， 或 者 更 准确 地 说 ， 对 大 多 数 公司 来 说 价值 上 百 万 
美元 的 问题 : 我 们 建议 的 移动 战略 会 在 何 时 发 生变 化 ? 换 句 话说 ， 何 时 可 以 安心 放弃 移动 应 用 ， 
完全 转 回 移 动 网 站 ? 

遗憾 的 是 ， 我 们 不 知道 答案 。 根 据 对 可 用 性 的 了 解 ， 我 们 能 够 知道 在 不 同 环境 下 什么 对 用 
户 来 说 最 好 ， 但 无 法 预测 在 现实 世界 中 这 些 环境 发 生变 化 的 速度 有 多 快 。 以 我 们 的 经 验 来 看 ， 
改变 的 发 生 通 第 比 人 们 预期 的 要 上 晚 。 

作为 结论 ， 我 们 的 确 相 信 移 动 网 站 从 长 远 来 看 会 战胜 移动 应 用 ， 却 不 太 肯 定 会 何 时 发 生 。 
当前 ， 如 果 你 真心 希望 创建 最 佳 的 移动 UX， 我 们 的 建议 是 研发 一 球 应 用 。 

















2.4 移动 应 用 


移动 应 用 的 “前 要 原则 ”和 所 有 用 户 界 面 设计 都 是 一 样 的 : 不 要 将 旧 界 面 的 UI 样 式 复 制 
到 新 界面 中 来 。 在 过 去 ,这 意味 者 不 要 给 本 质 上 是 主机 原始 信息 流 的 东西 草草 地 安 上 一 个 GUI. 
现在 则 意味 者 ， 不 要 给 泉 面 电脑 的 屏 疾 物体 操控 设计 直接 加 上 一 个 触摸 屏 功能 。 用 户 的 触摸 操 
作 无 法 做 到 像 鼠 标 一 样 精确 ， 因 此 屏 疾 中 可 操控 的 图 形 物 体 的 数量 应 该 大 大 减少 ， 从 而 让 单个 
物体 变 得 更 大 。 

虽然 一 些 应 用 有 这 样 那样 的 可 用 性 问题 ， 但 我 们 通过 观察 移动 应 用 用 户 得 出 的 主要 绪论 是 ， 
他 们 比 参 与 移动 网 站 测试 的 用 户 更 少 过 到 麻烦 。 事 实 上 ， 如 来 拿 使 用 移动 应 用 的 用 户 与 在 同一 
手机 上 使 用 网 站 的 用 户 相 比 ， 前 者 的 测试 结果 会 更 令 人 愉快 。 

在 移动 设备 上 ， 应 用 程序 比 网 站 更 易 用 。 

为 什么 应 用 在 移动 环境 中 优 于 网 站 ?因为 设备 性 能 越 差 ， 设计 就 越 有 必要 根据 其 特性 进行 
仔细 的 优化 ， 而 不 是 单纯 退 求 共有 的 跨 平 台 特 性 。 


移动 应 用 的 使 用 是 间断 性 的 


我 们 的 用 户 调研 得 出 了 一 个 非常 明确 的 结论 : 人 们 真正 使 用 的 应 用 比 安装 的 要 少 得 多 。 

在 每 次 测试 过 程 的 开始 阶段 ， 我 们 都 请 用 户 一 一 介绍 他 们 上 自己 安装 的 移动 应 用 。 我 们 经 滑 
会 听 到 类 似 下 面 这 样 的 话 :“ 我 下 载 这 个 应 用 是 因为 它 的 名 字 听 上 去 很 酷 /一 个 朋友 向 我 推荐 了 
它 ， 不 过 我 还 没 来 得 及 试用 一 下 。” 用 户 还 经 常会 这 么 说 :“ 我 下 载 这 个 应 用 之 后 用 过 几 次 ， 但 
现在 已 经 不 用 了 ， 等 我 有 空 了 就 会 删 掉 它 。” 















































QD《64 000 美元 的 问题 》( The $64,000 Question ) 是 美国 20 世纪 50 年 代 的 一 档 电 视 游 戏 节 目 。 参 赛 者 通过 回答 难度 
逐渐 增加 的 问题 ， 一 路 闯关 使 奖金 双 倍 增长 ， 直 至 最 后 一 个 价值 64 000 美元 的 问题 。 译 者 注 
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网 站 中 的 临时 性 应 用 程序 


Web 应 用 程序 与 传统 应 用 程序 相 比 有 许多 不 同 之 处 ， 用 户 视 其 为 不 用 投入 过 多 精力 的 
临时 接触 对 办 ， 我 们 称 之 为 临时 性 使 用 。 

基于 Web 的 临时 性 应 用 就 好 比 汽 车 网 站 中 常见 的 个 性 化 和 配置 工具 。 用 户 对 这 种 应 用 
毫 无 忠诚 度 可 言 ， 他 们 进入 第 一 屏 时 对 其 功能 的 了 解 也 仅 限 于 在 之 前 的 网 站 页 面 中 了 解 的 
那些 。 (而 我 们 都 知道 ， 用 户 访问 网 站 时 多 数 情 况 下 不 怎么 阅读 。) 

基于 Web 的 应 用 程序 通常 是 网 站 的 一 个 组 件 ， 这 意味 着 用 户 必 须 设法 从 传统 的 信息 时 
向 的 Web 页 面 转 至 应 用 程序 里 的 功能 导向 的 工具 。 我 们 对 内 置 应 用 程序 的 网 站 进行 的 研究 
表明 ，36% 的 用 户 连 这 最 初 的 步骤 都 无 法 完成 。 

一 旦 找到 了 应 用 程序 ， 用 户 必须 理解 它 是 做 什么 的 ， 对 自己 有 什么 作用 ， 以 及 它 的 基 
本 工作 流程 和 结构 如 何 。 所 有 的 软件 都 面临 这 个 挑战 ， 但 大 多 数 传统 软件 都 包括 了 演示 基 
础 内 容 的 教程 。 另 外 ， 许 多 软件 产品 往往 知名 度 很 高 ， 用 户 在 安装 之 前 就 已 知道 其 基本 用 
途 。 这 一 点 特别 体现 在 企业 级 系统 (例如 基于 内 网 的 费用 报告 或 工时 表 ) 和 桌面 软件 〈 例 
如 PowerPoint ) 之 中 。 与 此 形成 鲜明 对 比 的 是 ， 用 户 经 常 毫 无 准备 就 被 直接 扔 进 了 网 站 内 
置 的 应 用 程序 之 中 。 

用 户 往 往 不 太 有 动力 去 了 解 网 站 内 置 应 用 程序 中 的 高 级 功能 ， 因 为 这 些 应 用 程序 一 般 
不 是 他 们 工作 的 核心 组 成 部 分 。 与 此 相反 ， 许 多 工作 要 求 使 用 传统 软件 ， 它 们 或 者 是 菜 人 
工作 的 必需 组 成 部 分 ( 比如 航班 预定 代理 ) ， 或 者 用 于 生成 评估 员工 绩效 的 材料 〈 微 软 的 
Office 软 件 就 是 个 常见 的 例子 ) 。 

用 户 很 少 会 多 次 访问 同一 个 Web 应 用 程序 ， 因 此 他 们 不 太 可 能 从 逐渐 熟悉 某 个 特定 的 
GUI 中 受益 。 与 之 相反 ， 传 统 软件 则 经 常会 被 人 们 重复 使 用 。 

如 果 能 让 用 户 重 复 使 用 你 的 移动 应 用 ， 那 么 和 那些 内 上 误 于 网 站 中 的 应 用 程序 相 比 ， 你 
就 有 了 巨大 的 优势 。 不 过 ， 正 如 正文 中 讨论 的 那样 ， 这 是 个 有 难度 的 “如 果 ” ， 因 为 用 户 
经 常 下 载 了 应 用 却 很 少 使 用 它们 。 








从 这 一 人 研究 发 现 中 得 出 的 第 一 个 结论 是 ， 只 考虑 纯粹 的 下 载 次 数 显然 意义 不 大 。 要 衡量 你 
的 应 用 有 多 成 功 ， 就 必须 测量 真实 使 用 量 。 如 有 果 想 评估 应 用 是 否 真 正 满足 了 用 户 需 求 ， 则 必须 
更 进一步 地 测量 持续 使 用 量 。 如 末 人 们 在 使 用 某 个 应 用 几 次 之 后 就 放弃 了 它 ， 那 么 你 手中 的 这 
个 移动 设计 就 算是 失败 了 。 

少数 移动 应 用 确实 会 被 频繁 使 用 ， 比 如 Facebook fll the Weather Channel， 但 大 多 数 企 业 想 
要 进入 这 一 行列 却 并 不 现实 。 移 动 应 用 的 可 用 性 标准 不 同 于 核心 的 时 面 生 产 力 应 用 程序 ， 也 不 
同 于 人 们 每 日 工作 中 都 使 用 的 任务 关键 型 (mission-critical ) 企业 软件 。 

移动 一 词 基 本 等 同 于 间 上 断 性 使 用 。 不 过 它 和 我 们 经 稼 研究 的 网 站 内 部 临时 性 应 用 程序 相 比 ， 
的 确 意 味 着 更 高 一 层 的 用 户 忠诚 度 。 
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在 这 一 点 上 ， 移 动 应 用 的 得 分 比 临 时 性 网 站 应 用 高 一 些 ， 因 为 是 用 户主 动 决定 安装 它们 的 。 
这 就 使 得 用 户 有 了 探索 这 个 应 用 的 最 低 程度 的 忠诚 度 。 虽 然 我 们 发 现 这 种 忠诚 度 确 实 非常 低 ， 
HEVERT O 

从 这 一 研究 发 现 中 得 出 的 第 二 个 结论 是 ， 应 用 的 图 标 持 续 出 现在 手机 中 ， 就 仿佛 是 一 个 微 
小 的 声音 不 断 催 促 用 户 试用 这 个 应 用 。 但 同样 ， 这 种 力量 也 不 是 太 强 ， 因 为 人 类 很 擅长 选择 性 
注意 。 基 本 上 ， 人 们 对 于 目 己 不 太 关 注 的 事物 都 会 当 其 不 存在 ， 因 此 他 们 的 视线 会 飞快 地 扔 过 
那些 未 使 用 的 图 标 。 更 何况 大 多 数 用 户 的 手机 里 都 有 不 少 应 用 ， 因 此 任何 一 个 应 用 图 标 都 有 可 
能 淹没 在 海量 的 相似 图 标 之 中 。 同 时 ， 至 少 在 iOS 系统 中 ， 应 用 网 标 可 能 会 次 藏 在 文件 夹 里 
(Fl 2-16), 永远 不 见 天 日 。 

















图 2-16 iOS 里 的 文件 夹 : 每 个 文件 夹 里 隐藏 着 数 个 应 用 。 用 户 下 载 一 个 mil AT&T M-Cell ®© 1:31 PM 
应 用 并 不 能 保证 会 使 用 它 。 当 应 用 埋没 于 多 个 应 用 程序 显示 屏幕 和 文件 来 一 一 ET SEE 
后 ， 用 户 就 经 常 忘记 了 自己 曾经 安装 过 它们 。 应 用 程序 的 使 用 是 一 种 长 尾 esz zE 
分 布 ， 少数 应 用 ( 电子 邮件 、 天 气 预报 、Facebook 和 喜爱 的 游戏 ) 用 得 最 Utiities  Productivity== Health. 


多 ， 大 多 数 应 用 用 得 很 少 ， 甚 至 根本 没 被 用 过 


Utilities Shopping 


Waiting... Newsstand 


top 


Testing Wash Post 


—M 
Ao. Z4 


Mail App Store Phone Safari 





以 下 是 一 些 关 于 整体 移动 UX ASS. MAAE ak RA, CRASS 
让 许多 “有 趣 的 ”应 用 扩散 到 庞大 的 用 户 和 群体 中 ,造成 的 结 末 是 应 用 局 动 界 面 中 充斥 着 各 种 珊 
碎 的 图 标 。 人 们 并 不 需要 它们 ， 也 不 会 在 那 晚 离开 酒吧 之 后 再 使 用 它们 。 

如 果 你 正在 设计 一 称 “ 正 规 的 ”商业 应 用 ， 认 为 它 对 客户 有 切实 的 价值 ， 你 可 能 就 因此 认 
为 它 会 胜 过 那些 粗俗 的 、 模 仿 人 吴 体 声 啊 的 应 用 。 你 错 了 。 那 本 老 书 Designing Web Usability 的 
读者 可 能 会 记得 Jakob 的 Web 用 户 体验 定律 : 用 户 花 更 多 时 间 在 其 他 网 站 上 ， 而 非 你 的 网 站 。 
你 的 网 站 是 Web 生态 系统 的 一 部 分 ， 它 的 可 用 性 依赖 于 整个 Web 的 用 户 体验 ， 而 后 者 则 来 自 于 
人 们 访问 的 所 有 其 他 网 站 的 总 和 。 

例如 ， 当 你 在 社交 媒体 网 站 上 发 布 商业 信息 时 ， 这 些 信息 将 进入 关注 者 的 个 人 空间 里 ,与 
他 们 的 家 性 和 朋友 信息 共存 。 同 样 ， 你 的 应 用 也 只 是 整体 用 户 应 用 体验 的 一 小 部 分 。 


别管 公平 与 否 ， 这 就 是 现实 。 请 接受 它 。 为 它 而 设计 。 
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我 们 的 第 一 个 移动 可 用 性 调研 进行 于 2000 年 ， 当 时 的 结论 是 ，2000 年 的 移动 Web = 1994 
年 的 桌面 Web。( 本 书 附 录 介 绍 了 这 一 早期 研究 的 概况 。) 

而 在 2009 年 于 伦敦 进行 的 一 次 调研 中 ,我们 重复 了 2000 年 WAP 可 用 性 调研 里 的 两 个 任务 。 
原本 预计 会 观察 到 任务 执行 效率 有 所 提高 ， 结 果 却 是 另 一 回 事 (这 显然 是 我 们 劳 师 动 众 做 研究 
的 目的 )。 表 2-3 显示 了 两 项 调研 中 的 平均 任务 执行 所 需 时 间 。 


表 2-3 2000 年 和 2009 年 的 平均 任务 执行 时 间 








t & WAP 手机 ( 2000 年 ) 现代 手机 ( 2009 年 ) 
查找 今 晚 本 地 天 气 预 报 164 秒 247 秒 
查找 今 晚 8 点 BBC-1 电视 频道 会 播放 什么 节目 159 秒 199 $b 


让 人 吃惊 的 是 ，2009 年 的 用 户 执行 这 两 个 任务 较 2000 年 的 用 户 多 花 了 38% 的 时 间 。 现 代 
的 移动 设备 真 的 不 如 过 时 而 简陋 的 WAP 手机 吗 ? 网 站 的 可 用 性 难道 真 的 下 降 了 那么 多 ? 两 者 的 
答案 都 是 否定 的 : 现在 的 手机 和 网 站 无 疑 都 已 变 得 更 好 。 

发 生 改 变 的 其 实 是 使 用 环境 。2000 年 的 用 户 被 限制 在 移动 运营 商 构 建 的 “围墙 环绕 的 花园 ” 
ZF, WAP 手机 自 带 的 “仓库 ”( deck ) 功能 可 以 直接 访问 儿 个 事先 确定 好 的 服务 。 尽 管 这 种 方 
式 限制 了 用 户 的 自由 , 让 他 们 只 能 做 一 些 最 简单 的 任务 , 但 他 们 如 果 想 获取 信息 只 需要 按 几 个 键 。 

今天 的 移动 用 户 则 高 度 依赖 搜索 。 当 我 们 不 指定 他 们 应 该 用 哪个 网 站 或 应 用 时 (有 时 候 哪 
怕 我 们 指定 了 )， 他 们 第 一 时 间 就 会 求助 于 最 爱 的 搜索 引擎。 这 就 意味 着 需要 打 很 多 字 ， 而 这 人 么 
做 在 移动 设备 里 是 缓慢 、 别 扭 和 容易 出 错 的 。 

今天 的 移动 用 户 虽然 可 以 做 任何 事 ， 但 在 多 数 任务 上 都 需要 花 不 少 的 时 间 ， 这 一 事实 进 一 
步 强 调 了 精简 移动 网 站 设计 的 重要 性 。 

在 我 们 2009 年 的 调研 中 ， 有 一 名 用 户 成 绩 非 常 突出 。 这 名 iPhone 用 户 仅 仅 用 了 18 秒 〈 是 
2000 年 最 快速 度 的 三 分 之 一 ) 就 通过 天 气 应 用 查 到 了 天 和 气 预 报 。 这 个 例子 足以 证 明 移动 专属 设 
计 的 益处 。 

在 我 们 最 近 的 移动 用 户 研 究 里 ， 用 户 的 平均 成 功率 是 62%， 这 一 成 绩 与 我 们 3 年 前 记录 的 
移动 可 用 性 得 分 相 比 只 有 3 个 百分点 的 进步 。 虽 然 这 一 进步 速度 可 能 看 上 去 慢 到 让 人 失望 ， 但 
它 与 我 们 在 过 去 12 年 进行 的 263 项 桌面 Web 使 用 调研 中 记录 的 速度 其 实 也 差不多 。 

观察 2009 年 的 用 户 在 手机 上 使 用 网 站 ， 让 我 们 想起 了 1998 年 测试 有 线 网 络 用 户 时 的 场景 。 
换 名 话说， 从 2000 年 到 2009 年 的 9 年 中 ,我 们 看 到 的 移动 用 户 体验 只 相当 于 进步 了 4 年 。 粗 
略 地 看 ， 移 动 可 用 性 的 进步 速度 只 有 有 线 网 络 可 用 性 进步 速度 的 一 半 。 

在 过 去 的 4 年 里 ， 移 动 UX 的 进步 速度 大 大 提高 。2012 年 使 用 高 端 手机 的 可 用 性 几乎 已 和 
2004 年 使 用 揭 面 网 站 的 可 用 性 相差 无 儿 。 在 手机 上 完成 任务 仍然 比 在 桌面 电脑 上 麻烦 ， 但 已 经 
不 像 从 前 那样 困难 了 。 
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多 个 触摸 屏 平台 (iPhone, Android 和 Windows Phone 等 ) 之 间 的 相互 竞争 以 及 移动 网 站 和 
应 用 的 大 量 消 现 使 得 进步 的 速度 差不多 快 了 一 倍 。 

那么 ， 为 什么 我 们 仍然 对 移动 网 站 和 在 线 服务 的 发 展 前 景 保 持 乐 观 的 态度 呢 ? 

我 们 已 经 经 历 了 移动 Web 可 用 性 的 关键 转折 点 。 就 像 1984 年 苹果 公司 的 Macintosh 引领 了 
个 人 电脑 可 用 性 的 突破 那样 ， 其 于 2007 年 推出 的 iPhone 同样 引领 了 移动 可 用 性 的 突破 。 

iPhone 当然 并 不 完美 ， 其 苋 争 对 手 很 容易 就 能 制造 出 更 好 的 移动 设备 。 这 里 的 “很 容易 ” 
并 不 是 指 只 需 一 个 周末 就 能 实现 ， 我 们 的 意思 是 只 要 将 精力 集中 在 用 户 体验 和 以 用 户 为 中 心 
的 设计 上 ， 就 是 有 可 能 做 到 的 ， 因 为 iPhone 诸 留 下 很 多 可 供 改 进 的 余地 。 然 而 ， 到 目前 为 止 
iPhone 的 苋 争 对 手 还 是 稍稍 有 些 落 后 。 或 者 说 得 好 昕 一些， 他们 已 经 实现 了 能 与 iPhone THE 2S 
的 可 用 性 ， 但 尚未 完成 超越 。 

Alan Kay 说 过 一 句 众 所 周知 的 话 ， 他 说 Mac“ 是 第 一 台 值 得 批评 的 电脑 ”。 同 样 ，iPhone 是 
第 一 台 值 得 批评 的 移动 互联 网 设备 。 这 是 访问 移动 在 线 服务 的 起 点 ， 而 不 是 终点 。 

虽然 设备 会 越 变 越 好 ， 但 重大 的 进步 还 是 必须 来 自 于 网 站 。 人 们 必须 研发 出 优化 移动 UX 
的 特殊 网 站 ( 包括 局 域 网 ) 设计 。 今 天 的 许多 网 站 依然 没有 移动 版 本 ,即使 有 也 经 党 是 设计 拙劣 ， 
并 对 移动 可 用 性 的 特殊 原则 缺乏 了 解 。 


移动 企业 网 ( Mobile Intranet ) 


















































我 们 每 年 都 会 进行 一 次 设计 竞赛 ， 评 出 世界 范围 内 10 大 设计 最 佳 的 企业 内 联网 。2009 
年 起 我 们 开始 看 到 一 些 优秀 的 移动 企业 网 设计 ， 而 30% 获 奖 的 企业 网 有 移动 版 本 。2011 年 
这 一 数字 倍增 至 60%。 看 上 去 移动 空间 前 景 似乎 更 加 光明 。 然 而 ，2012 年 这 一 数字 下 降 到 
了 10%， 只 有 Genentech 在 其 一 系列 :OS 应 用 (苹果 公司 的 系统 在 该 公司 内 占据 统治 地 位 ) 
中 提供 了 移动 企业 网 设计 。 其 他 的 获奖 者 虽然 在 网 络 中 向 员工 提供 了 移动 企业 网 入 口 ， 但 
并 未 进行 移动 优化 。 
移动 企业 网 领域 缺乏 吸引 力 的 原因 很 可 能 有 以 下 三 点 。 
图 企业 内 联网 项 目 组 仍然 没有 足够 的 预算 和 资源 来 开发 移动 平台 。 
E 除非 企业 统一 配给 移动 设备 ， 否 则 企业 网 项 目 组 很 难 选择 着 力 于 何 种 设备 ， 导 至 
最 后 干脆 不 为 任何 设备 设计 。 
B 创建 一 个 任何 设备 都 能 使 用 的 移动 企业 网 版 本 是 一 种 可 行 方案 。 但 是 ， 就 像 本 章 
前 文 提 到 的 那样 ， 要 对 员工 真正 有 用 和 有 帮助 ， 即 使 只 有 一 个 移动 版 也 必须 与 网 
站 区 别 设 计 。 这 就 要 有 足够 的 资源 来 创建 和 维护 两 个 不 同 的 应 用 程序 。 
在 有 关 移 动 企 业 网 的 经 验 尚 不 充分 的 时 候 ， 不 妨 先 遵循 我 们 在 本 书 中 讨论 的 移动 网 站 
和 应 用 的 可 用 性 原则 。 关 于 这 方面 的 用 户 人 体验， 我们 经 常 发 现 企业 网 可 用 性 依附 于 Web 可 
用 性 : 企业 网 用 户 同样 使 用 外 部 网 站 ， 并 且 会 根据 在 主流 网 站 的 使 用 体验 形成 很 多 预期 。 
这 对 移动 设计 而 言 可 能 也 是 一 样 的 。 
因此 ， 虽 然 我 们 在 本 书 中 并 不 特别 涉及 移动 企业 网 ， 但 如 果 你 恰好 正在 设计 移动 企业 
网 的 话 ， 相 信 仍 然 可 以 从 书 中 学 到 不 少 经 验 教训 。 
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我 们 所 有 的 研究 发 现 都 支持 同一 个 结论 ， 为 移 
动 设 备 设计 很 困难 。 技 术 上 的 可 访问 性 和 提供 可 接 
受 的 用 户 体 验 远 不 是 一 回 事 ， 光 让 你 的 网 六 在 手机 
里 显示 出 来 是 不 够 的 。 要 论 在 网 站 中 完成 实际 任务 
的 能 力 ， 即 使 是 那些 提供 “全 功能 ” 浏 贤 右 的 触 屏 
手机 也 无 法 提供 PC 级 别 的 可 用 性 。 
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38 第 3 章 为 小 屏幕 设计 
为 移动 设备 设计 时 ， 需 要 权衡 以 下 两 点 : (a) 让 内 容 和 导航 足够 醒目 ， 这 样 人 们 不 用 太 费 劲 
就 能 找到 ; (b) 为 小 屏幕 和 绥 慢 的 下 载 速度 设计 。 这 两 点 就 解释 了 为 什么 几乎 所 有 的 设计 决策 都 
必须 根据 目标 网 站 的 特点 作出 ， 适 合 一 个 网 站 的 方式 不 一 定 适合 其 他 网 站 。 
移动 用 户主 要 面临 以 下 4 个 可 用 性 障碍 。 
图 小 屏幕 。 一 台 适 合 在 移动 中 使 用 的 设备 必须 容易 携带 ， 因 此 尺寸 相对 较 小 。 小 屏幕 意味 
着 在 任意 时 刻 都 只 能 有 更 少 的 可 见 选 项 ， 因 而 要 求 用 户 途 和 借 自生 的 短期 记忆 力 构 建 对 在 
线 信息 空 间 的 理解 。 这 就 使 几乎 所 有 的 交互 活动 都 变 得 更 加 困难 。 同 样 有 难度 的 是 为 多 
个 窗口 或 其 他 支持 高 级 行为 的 界面 方案 挤 出 空间 ， 比 如 对 产品 进行 比较 ( 图 3-1 )。 
图 3-1 中 显示 的 设备 比较 表 需 要 大 量 垂直 和 水 平 的 页 面 滚动 ， 对 用 户 的 短期 记忆 力 提 出 
了 很 高 的 要 求 。 首 先 ,这 张 表 实际 上 只 比较 了 两 台 设备 (在 比较 清单 中 紧 挨 着 的 那 两 个 ): 
要 比较 设备 1 和 3， 用 户 需 要 在 短期 记忆 里 保存 很 多 的 信息 ， 并 在 不 同 内 容 的 屏幕 之 间 
来 回 切换 。 其 次 ， 因 为 这 张 表 很 长 ， 横 跨 数 屏 ， 用 户 无 法 看 到 所 有 功能 或 是 大 多 数 功 能 ， 
因此 还 需要 记 住 这 些 设备 有 哪些 自己 关注 但 不 一 定 能 同时 看 到 的 特点 。 此 外 ， 在 屏幕 截 
图 3-1c 中 ， 屏 大 空地 没有 被 完全 利用 起 来 ， 文 字 的 周围 有 许多 空白 ， 而 且 这 种 功能 名 称 
和 数值 相交 替 的 布局 让 这 张 表 更 难以 快速 阅读 。 
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UNETITTTENB 


5 


Q Search Best Buy EQ 


Number of Channels 


5 
Q Search Best Buy yD 








(a) (b) (c) 
图 3-1 百思买 的 Android 应 用 有 一 个 比较 产品 的 功能 。 你 最 多 可 以 在 同一 时 间 内 比较 4 件 产品 ， 并 能 在 屏幕 中 看 到 其 


中 的 2 件 。 以 下 是 我 们 挑选 的 3 种 GPS 设备 的 屏幕 截图 : 


设备 3 的 网 页 上 部 ; (c) 用 户 向 下 滚动 后 显示 设备 2 和 设备 3 之 间 的 更 多 比较 内 容 
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View all p m 





(a) 比较 设备 1 和 设备 2 的 网 页 上 部 . 


(b) 


Compare Compare 12 12 
: « : " Number of Waypoints 
Three items selected. Add up to 1 more item Three items selected. Add up to 1 more item 
1,000 1,000 
R R R R 
Item 1 emove Item 2 emove Item 2 emove Item 3 eai MP3 Playback 
Garmin-nüvi 40LM GPS . Garmin-nüvi 50LM GPS Garmin-nüvi SOLM GPS . Garmin-nüvi 2595LMT No No 
GPS 
Bluetooth Built-in 
No Yes 
Text to Speech 
Yes Yes 
WAAS-Enabled 
No No 
Download Capability 
Yes Yes 
Built-In Base Maps 
Overview Overview Yes Yes 
Price Price PC Connectivity 
Reg. Price: $149.99 Reg. Price: $169.99 Reg. Price: $169.99 Reg. Price: $249.99 Yes Yes 
Our Price: $119.99 Our Price: $127.99 Our Price: $127.99 Our Price: $229.99 Voice Prompts 
Rating Rating Yes Yes 
4.5| 104 Reviews 4.6|113 Reviews 4.6| 113 Reviews 4.0| 76 Reviews 
Yes Yes 
Shipping Shipping 


比较 设备 2 和 
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B 输入 别 捏 ， 特 别 是 打字 。 在 无 鼠标 的 情况 下 操作 GUI 组 件 是 有 难度 的 ， 无论 是 触摸 还 是 
通过 小 小 的 轨迹 球 操作 ， 沫 单 、 按 钮 、 超 文本 链接 和 滚动 都 要 花 上 更 长 的 时 间 ， 而 且 更 
容易 出 错 。 即 使 是 在 有 专用 迷你 键盘 的 设备 上 ， 输 入 文字 还 是 特别 慢 ， 而 有 旦 错误 频 发 。 
B PRR, TJ P RES LOS (经常 比 拨号 连接 还 要 久 ， 哪 怕 正 用 着 理论 
上 飞快 的 3G 或 4G 服务 )。 
B 网 站 设计 不 当 。 因 为 网 站 经 党 依照 台面 可 用 性 进行 优化 ， 它 们 并 不 遵守 移动 特有 的 可 用 
性 原则 。 
前 两 个 问题 似乎 是 与 生 俱 来 的 。 移 动 设备 永远 不 会 提供 像 全 配置 PC 那样 大 的 屏幕 和 那么 
好 的 输入 设备 。 

网 速 的 问题 有 望 在 未 来 得 到 解决 ， 但 移动 连接 要 达到 有 线 电视 宽 市 那么 快 尚 需 许多 年 ， 更 
不 用 说 和 迅速 发 展 的 有 线 宽带 相 比 了 。 

移动 端 永 远 不 会 和 果 面 端 一 样 ， 因 此 用 户 只 有 寄 硕 望 于 网 站 会 重新 设计 ， 拥 有 更 好 的 移动 
可 用 性 。 
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要 想 有 一 个 成 功 的 移动 网 站 或 应 用 ， 显 然 ， 指 导 原 则 就 是 为 小 屏幕 设计 。 不 幸 的 是 有 些 设 
计 师 没有 这 么 做 ， 我们 也 仍然 会 看 到 用 户 们 在 艰难 地 触 碰 比 他 们 手指 小 得 多 的 区 域 。“ 胖 手指 ” 
症状 在 未 来 很 多 年 仍 将 伴随 我 们 。 

第 二 个 观点 更 概念 化 一 些 ， 有 些 人 会 更 难 接受 : 对 一 人 台 小 屏幕 的 设备 来 说 ， 你 必须 限制 功 
能 的 数量 ， 只 保留 那些 对 移动 用 途 来 说 最 关键 的 。 

即使 在 桌面 电脑 上 ， 珍 贵 的 像素 也 像 是 世界 上 最 昂贵 的 房地产 项 目 一 样 。 亚 马 逊 网 站 里 的 
“添加 到 购物 车 ”(Add to Cart ) 按钮 大 小 为 160 x 27 像素 ， 在 一 人 台 典 型 的 100 dpi 5T hz ss p 
占据 0.003 平方 瑞 寸 (0.0003 平方 米 ) 的 面积 。 你 能 在 美国 一 般 家 庭 住房 的 地 面 铺 上 80 万 个 “ 购 
K” (Buy) 按钮 ， 而 这 样 的 家 庭 住房 当前 的 房价 是 16 万 美元 。 仅 仅 一 个 购买 按钮 就 能 市 给 你 这 
么 多 收入 ， 更 何况 是 80 万 个 按钮 呢 。 

一 般 情 况 下 ， 当 某 件 物品 价值 连城 时 ， 你 会 试图 将 它 保 存 起 来 。 但 屏幕 空间 不 应 该 被 困 积 ， 
而 是 应 该 被 利用 。 我 们 见 过 太 多 这 样 的 设计 : 一 边 把 有 重要 价值 的 内 容 和 操作 项 目 塞 进 小 小 的 
空间 里 ,一边 却 浪费 着 其 余 大 量 的 屏幕 空间 。 

移动 屏幕 是 那么 地 小 ， 浪 费 空间 是 一 种 罪 。 

图 3-2 展示 了 我 们 某 一 项 iPad 调研 里 的 屏幕 截图 。 现 在 新 闻 版 块 的 用 户 界 面 是 一 个 巨大 的 
球体 ,可 以 用 手势 转动 它 。 这 种 图 形 设计 很 棒 ,最 初 的 交互 也 很 吸引 人 ,一 开始 用 户 都 会 认为 它 " 有 
点 酷 "”、“ 真 的 很 酷 "、“ 华 丽 ”、“ 吸 引 了 眼球 ”和 “比较 有 趣 ”。 

虽然 有 惊艳 的 第 一 反应 ,但 用 户 却 并 不 言 欢 这 种 显示 方式 ， 一旦 发 现 蔡 代 方式 后 便 立 刻 进 
行 了 切换 ( 图 3-3 )。 经 常 使 用 ABC 新 闻 应 用 的 用 户 告诉 我 们 ， 他 们 更 喜欢 主屏 幕 上 显示 比较 正 
规 的 新 闻 列 表 。 
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abc NEWS 


























WORLD NEWS 


Osama Bin Laden's Daughter 
Witnessed Death 


Courler Hid Osama Bin Laden Well > 


Osama Bin Laden Death Photos 
Will Not Be Released 


Navy SENA Who Killed Bin Laden , 
Return to U.S. 


Alabama Tornado 2011: How to 
Help Storm Victims 





Bin Laden Evidence: Al Qaeda 
Considered New 9/11 Attack 
3-2 ( AA ) ABC 新 RELATED 
h | PHOTOS: EXCLUSIVE: Inside the Compound 


Ground Zero: Then and Now 


闻 的 iPad 应 用 : 主页 
Bush, True to Word, Lies Low After Bin Laden 
CN ` = En 
BUE! Hidden Calories: What Is Lettera i: IE 
Your Family Eati ng ? Makeov! Three Bin Laden Wives in Pakistani Custody 
The al Qaeda leader contined himself to two rooms, had not > 


left in five years 





Obama to Thank Navy SEAL Team That Killed Bin 
Laden 





3-3 ( 右 图 ) ABC 新 “SS a WI / 
ig 89 iPad Y Hi. 另 一 种 NE TT 
主页 显示 方式 ， 能 呈现 更 
多 新 闻 ， 这 才 是 人 们 实际 
使 用 的 


VIDEOS IN THE NEWS 
Imbi oe 
-| 





为 什么 用 户 在 日 党 实际 使 用 中 侦 爱 普通 而 且 有 点 无 趣 的 设计 呢 ? 这 是 因为 该 设计 能 让 用 户 
一 眼 扫 到 更 多 新 闻 ， 而 那个 球体 只 rii nd 一 条 新 闻 ， 其 他 的 新 闻 图 片 和 标题 都 是 扭曲 的 ， 
JLE ERIE, KENE A 

第 二 个 例子 是 The Weather Channel 提供 r iPad 应 用 ( 图 3-4), The Weather Channel 成 功 地 
IWS f iPad 的 屏幕 空间 ， 它 让 大 多 数 天 气 信息 挤 在 屏幕 底部 的 箱 条 中 ， is eee x a] Ae 
Ben Soka eee in VEDA. BERE POR te i A Mi E. TA ee SER 
示 却 贫乏 得 让 人 失望 。 











Amsterdam Partly Cloudy 


Netherlands A 15°C 





图 3-4 这 可 以 算是 空间 利用 的 反面 教材 了 。The Weather Channel 的 
iPad 应 用 将 大 部 分 Pad 屏幕 空间 用 于 显示 一 张 丐 大 且 基 本 上 无 关 紧 要 ats 


> /一 SE The Feels Like Wind Humidity Dew Point UV Level Visibility E 
& E a RE 以 及 当 BJ 7m eames 15°C WSW @ 25 kph 78% 12°C 0 low 9km 5:54AM 9:21 nes 
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一 个 内 容 ， 两 种 界面 


绝 大 多 数 情 况 下 ， 同 一 个 
数据 集 如 果 有 两 种 界面 就 大 多 
了 。 这 通常 意味 着 存在 懒惰 的 
设计 : 设计 师 不 能 确定 两 种 界 
MARA, TX MERO AP 
决定 。 为 数据 使 用 两 种 界面 或 
视图 ， 唯 一 合理 的 情形 是 这 两 
种 视图 分 别 强 调 了 数据 自身 具 
有 显著 不 同 的 两 个 方面 。 

在 图 3-5 中 ，iBooks 和 Yelp 
允许 用 户 切 换 数 据 显示 的 方 
式 : iBooks 有 一 个 书架 视图 
和 一 个 列表 视图 ， 而 Yelp 有 
一 个 列表 视图 和 一 个 地 图 视 
图 。Yelp 的 两 种 界面 能 让 用 户 
查看 数据 的 不 同方 面 : 列表 视 
图 包括 餐馆 类 型 和 评分 ， 地 图 
视图 则 显示 了 餐馆 相对 于 地 标 
的 位 置 。1Books 的 一 种 界面 很 
明显 优 于 另 一 种 (不幸 的 是 ， 
它 却 不 是 默认 界面 ) 。 事 实 表 
明 ， 列 表 视 图 能 让 用 户 更 加 轻 
松 地 辨认 作者 和 书 名 ， 或 用 书 
名 来 查找 图 书 〈 因 为 图 书 在 这 
一 视图 中 是 按照 书 名 的 字母 顺 
序 排列 的 ， 而 在 书架 视图 里 不 
是 ) 。 虽 然 你 可 以 争辩 说 书架 
视图 支持 用 封面 来 辨认 图 书 ， 
昌 是 当 图 书 数量 不 断 增 加 时 ， 
赁 着 辨认 封面 找到 书 的 可 能 性 
就 会 随 之 降低 。 
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ui. AT&T M-Cell 4G 12:00 AM TN AT&T M-Cell 4G 11:59 PM 


Edit Books 
ai 
The Design of Future Things 


Don Norman 


Ethan Frome 
Edith Wharton 


Heart of Darkness 
* Joseph Conrad 


Little women 
Louisa May Alcott 


The Mysterious Affair at St... 
Agatha Christie 





M Poems (Vol. 1) 


EN. (ER O, EE 
GA Ethan Fror: THE DESIGN O 
ome ARIA: d Bookshelf Titles Authors Categories 


(a) (b) 


g 


paeem es 


1. Sawa Sushi 

四 ODODE 66 Reviews 

1042 E El Camino Real, Sunnyvale 
Sushi Bars $$$$ 2.7 mi 





| 2. Sweet Potato Stall 
OGOOQOtC 240 Reviews 


3531 El Camino Real, Santa Clara 
Food Stands $ 3.2 mi 


ws» 3. Sunnyvale Cafe 
a OGOOgDBOC 153 Reviews 
É waa 223 E Maude Ave, Sunnyvale 
Mediterranean $ 1.9 mi 


4. In-N-Out Burger 
6006 


604 E El Camino Real, Sunnyvale 
Fast Food $ 1.4 mi 


Sushi Bars $$$$ 
mW -一 = oS 
ou d m 
Raynor Park 


A 


Birdland 
Neighbors 


198 Reviews 


5. Pizz'a Chicago 














图 3-5 交替 的 界面 : iBooks 4 Yelp, (a) iBooks 的 书架 视图 ， 
(b)iBooks 的 列表 视图 ; (c) Yelp 的 列表 视图 ; (d) Yelp 的 地 图 
视图 。Yelp 使 用 两 种 界面 是 合理 的 ，iBooks 却 不 合理 





信息 密度 越 高 就 意味 着 所 需 导 航次 数 越 少 ， 并 且 越 有 可 能 看 见 所 需 信息 。 
这 个 观点 与 Edward R. Tufte 在 他 的 大 作 The Visual Display of Quantitative Information 
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中 提出 的 应 增加 图 表 中 “数据 墨水 ” "比重 的 号 召 有 关系 ， 但 稍微 有 点 区 别 : 印刷 图 表 与 交互 用 
Pim CUI) 不 是 一 回 事 。 在 UI 中 ， 你 不 能 在 屏 用 中 项 满 数据 ， 否 则 用 户 会 感到 不 知 所 措 。 





Tufte: 数据 显示 的 天 才 


Edward R，Tufte 创 作 了 大 量 有 关 数 据 显 示 且 带 有 精美 播 图 的 著作 。 他 的 第 一 部 作品 7T1e 
Visual Display of Quantitative Information, 2nd edition 至 今 仍然 是 最 棒 的 。 
你 可 能 会 认为 一 本 2001 年 出 版 的 书 太古 老 了 ， 无 法 帮助 你 设计 前 沿 的 移动 用 户 界 面 。 


这 样 想 就 错 了 。 虽 然 Tufte 的 书 中 举 的 例子 经 常 是 老 古董 ， 但 他 提出 的 清晰 数据 视觉 传播 原 
则 却 是 永远 适用 的 。 

Tufte 第 二 棒 的 作品 是 Envisioning Information。 因 为 这 本 书 并 没有 出 第 二 版 ， 所 以 它 其 
至 比 Tufte 的 第 一 本 书 还 要 年 代 久 远 。 但 是 ， 这 本 书 里 的 建议 同样 适用 至 今 。 











在 图 3-6 中 ，Weather Bug 应 用 试图 以 两 种 方式 增加 UI 密度 ， 获 得 额外 显示 空间 : (1) 在 包 
含 叶 航 选项 的 标签 栏 中 使 用 跑马 灯 ; (2) 只 在 该 标签 栏 中 显示 图 标 ， 不 显示 文字 说明。 我们 认为 
这 样 做 的 结果 是 过 度 复杂 ， 因 为 屏幕 底部 标签 栏 中 的 图 标 含义 很 模糊 ， 信 息 气味 (参见 3.1.3 节 
REE 信和 县 气味 ”的 内 容 ) 很 弱 。 ERE 
这 个 跑马 灯 标 签 栏 是 一 种 尝试 ， 它 让 通常 只 能 容纳 S 个 条 目的 标签 栏 能 放置 更 多 的 选项 。 














Successfully updated "Yelp" 16 * Ku 2:30 
My Location My Location > 
Sunnyvale, CA Sunnyvale, CA 


Conditions May 8, 2012 2:28 PM Conditions May 8, 2012 2:29 PM 


26° K. | 26° 


Heat Index: 26°C = A Heat Index: 26°C 


So Far Today So Far Today 
Hi:28°C Precipitation: 0.0mm A OAlerts Hi:28°C Precipitation:0.0mm 
Lo:12°C Gust:W 11 mph Lo:12°C Gust: WNW 11 mph 


A 0Alerts 


Tuesday Forecast Tuesday Forecast 


(by Mostly Clear eae (by Mostly Clear 


Extended Forecast Extended Forecast 


3-6 Weather Bug 的 Android 


版 应 用 在 很 小 的 [X tay 中 SEN 了 A 9. .4 is tal Car near Sr Ed 


部 ) 的 前 4 个 图 标 ; (b) 后 续 的 - wA 
26°C B b o 1O 
跑马 灯 图 标 s 





(a) 








CD 数据 墨水 〈data ink) 是 指 在 展示 量化 数据 的 图 表 中 ， 用 于 显示 数据 而 非 装饰 的 那 一 部 分 墨水 。Edward R. Tufte 
认为 数据 是 图 表 中 最 重要 的 部 分 ， 应 提高 数据 墨水 的 比重 ， 不 能 因为 美观 的 需要 而 扭曲 数据 量度 。 一 一 详 者 注 
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3.1.1 Chrome 


我 们 在 讨论 用 户 界 面 时 提 到 的 Chrome ?是 什么 意思 ? 

Chrome 是 指 一 些 虚 拟 设计 元 系 ， 这 些 元 双 问 用 户 提 供 关 于 屏 大 内容 的 信息 或 操控 该 内 容 的 
命令 。 这 些 虚 拟 设 计 元 素 是 由 底层 系统 〈 可 以 是 操作 系统 、 网 站 或 应 用 程序 ) 提供 的 ， 环 绕 在 
问 用 户 提 供 的 数据 周围 。 

无 独 有 偶 ， 谷 歌 的 Web 浏览 希 也 叫做 Chrome， 但 我 们 在 此 并 不 是 指 这 个 浏览 需 。 

我 们 不 知道 是 谁 首 先 想 出 的 这 一 术语 ， 但 它 很 可 能 是 对 20 世纪 50 年 代 美 国 镀铬 大 轿车 的 
视 党 比拟 : 车 时 (你 乘坐 的 部 分 ) 周围 镀 了 亮 闪闪 的 铬 ， 包 括 保 险 枉 和 尾 辟 等 部 分 。 

与 之 相似 ， 在 大 多 数 现 代 GUI 中 ，Chrome 位 于 屏幕 的 边 角 周 围 ， 包 围 着 专用 于 显示 用 户 
数据 的 中 心 部 分 。 

1. 不 同系 统 层面 中 的 Chrome 

下 面 是 一 些 Chrome 的 例子 ， 依 “底层 系统 ”的 不 同 而 有 所 区 别 。 

B 在 Windows PC E, Chrome 指 的 就 是 Windows 操作 系统 。 在 Windows 7 中 ，Chrome 包 

括 开 始 按 钮 、 任 务 栏 、 系 统 托 盘 区 和 回收 站 。 我 们 还 可 以 把 介面 小 工具 区 归 为 Chrome, 
特别 是 当 用 户 沿 用 了 系统 自沉 的 小 工具 时 ( 由 于 用 户 的 惰性 和 默认 设置 的 力量 ， 很 多 用 
户 都 会 这 么 做 )。 

图 在 应 用 程序 软件 中 ， 比 如 文字 处 理 软件 ， 可 以 在 许多 地 方 看 到 Chrome， 例 如 沫 单 栏 、 功 

能 区 (ribbon ) 或 工具 栏 、 标 尺 、 深 动 条 和 各 种 专用 面板 ,例如 Microsoft Word 中 的 同 义 
词 栏 或 Adobe Photoshop 里 的 调 色 面板 。 

B 在 Web 浏览 器 中 ，Chrome 包括 显示 URL 网 址 的 区 域 、 浏 览 右 的 工具 栏 、 浏 览 妖 的 按钮 、 

标签 、 滚 动 条 和 状态 栏 区 域 。 

B 在 移动 应 用 中 ，Chrome 经 浓 包 括 横 跨 屏幕 顶端 的 状态 栏 和 楼 路 屏幕 底 端 、 显 示 命 令 图 标 

的 标签 栏 。 有 时 候 ， 状 态 栏 的 下 方 还 会 有 一 个 导航 栏 。 

B 在 网 站 中 ，Chrome 包括 导航 条 、 页 脚 、 徽 标 、 了 商标 和 搜索 框 等 。 

图 3-7 展示 了 一 些 移动 应 用 中 的 Chrome 范例 。 在 Apple Store ( 图 3-7a) 中 ,标签 柱 和 搜索 
栏 帮 助 用 户 在 应 用 中 导航 ， 但 不 属于 内 容 。 在 Adobe Ideas (图 3-7b ) 中 ， 工 具 栏 和 顶部 的 那 一 
栏 属于 Chrome， 因 为 它们 证 用户 能 够 对 显示 的 文件 进行 操作 。 


2. WEBB Chrome: 别 吃 掉 我 的 像素 

使 用 Chrome 的 代价 很 明显 : Chrome 会 占据 屏幕 空间 ， 因 而 给 目标 内 容 或 数据 和 留 下 的 空间 
BRI, POSEE SIS MN ETI, EAE TT Rae a TB] Se i HRS, PC 相 比 更 加 珍 贯 。 即 
使 是 在 30 Bett AY Se ga NAR E, Windows 和 Microsoft Excel 两 者 的 Chrome 加 起 来 就 意味 着 用 
户 只 能 看 到 电子 表格 中 67 行 的 数据 ， 而 不 是 该 屏幕 理论 上 能 显示 出 的 80 行 。 因此， 如 果 没 有 
Chrome， 人 们 可 以 多 看 到 大 约 19% 的 数据 。 
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(D Chrome 的 字面 意思 是 镀铬 (Chromium ) 的 金属 板 。 一 一 译 者 注 
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3-7 ”移动 应 用 中 的 Chromeo ar. AT&T M-Cell ^ 6:08 PM = 

(a) 在 iPhone 版 的 Apple lasec 1) 
Store 应 用 中 ， 底 部 的 标签 栏 和 se 
顶部 的 搜索 栏 是 Chrome 的 一 部 
o (b) 在 iPhone 版 的 Adobe 
Ideas 中 ， 边 上 的 工具 栏 和 顶部 
的 那 一 栏 属于 Chrome ( 现在 你 
看 到 的 是 一 张 空白 图 片 ， 因 而 
Chrome 显得 特别 醒目 ) 
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这 个 电子 表格 的 例子 还 展现 出 Chrome 的 另 一 个 缺点 : 随 着 每 一 个 目 市 Chrome 的 系统 登 加 
于 现 有 的 系统 之 上 ，Chrome 会 逐渐 堆积 起 来 。 鉴 于 堆积 的 Chrome 经 常会 占据 总 体 像素 的 一 半 
以 上 ， 一 条 可 以 确定 的 原则 是 ， 当 心 Chrome ZEE 
另 一 条 原则 是 ， 设 法 将 一 部 分 Chrome 暂时 隐藏 起 来 ， 下 到 需要 时 再 进行 显示 。 不 过 ， 这 
么 做 很 危险 ， 因 为 人 们 看 不 见 的 部 分 经 常会 被 他 们 抛 到 脑 后 。 在 用 户 界 面 设计 中 ， 你 绝对 不 能 
依赖 于 人 们 的 短期 记忆 力 。 
要 让 这 种 切换 显示 状态 的 Chrome 起 到 恨 好 将 果 ， 必 须 采 取 以 下 措施 。 
B 使 用 一 种 简单 可 靠 的 操作 来 显示 Chrome， 不 要 使 用 复杂 难 记 或 容易 误 触 的 手势 。 
许多 内 容 丰 十 的 应 用 将 Chrome 隐藏 起 来 ， 以 最 大 程度 地 将 屏保 空间 用 于 显示 实际 内 容 
以 及 提供 沉浸 式 的 体验 (图 3-8 )。 用 户 可 以 通过 轻 触 页 面 调 出 控件 。 
为 了 让 用 户 知道 可 以 用 轻 触 的 手势 调 出 控件 ， 我 们 建议 像 图 3-8 中 的 Instapaper 应 用 一 样 ， 
先 显 示 Chrome， 等 用 户 在 页 面 里 停留 数秒 后 再 将 Chrome 隐藏 起 来 。 另 外 ， 我 们 建议 在 
隐藏 Chrome 时 使 用 缓慢 的 淡出 效果 ， 而 不 是 瞬间 让 它 消 失 ， 因 为 这 一 人 简单 的 动画 会 吸引 
用 户 的 一 点 儿 注 意 力 ,让 他 们 注意 到 正在 缕 慢 消失 的 Chrome C 因此 效果 也 不 能 太 过 奔 张 )。 
B 提供 自始至终 无 懈 可 击 的 一 任性 ， 让 用 户 的 长 期 记忆 罕 牢 记 住 Chrome 正 处 于 隐藏 状 态 。 
实现 的 方法 是 不 断 重 复 这 一 模式 ， 并 且 设 法 避免 出 现任 何 例外 情况 。 
B 通过 使 用 上 下 文 提 示 和 渐进 式 暴 露 progressive disclosure ,参见 下 文 附注 栏 “ 渐 进 式 暴露 ” 
的 内 容 ) 的 方法 降低 隐藏 Chrome 所 种 来 的 复杂 性 。 渐 进 式 暴露 ( 经 党 用 于 游戏 中 以 使 
DCRR AAS ES ) 这 一 概念 必须 同样 地 应 用 到 这 一 环境 中 :你 需要 在 信息 真正 有 用 的 时 候 ， 
温和 地 牵 痢 处 于 正确 上 下 文 环境 中 的 用 户 的 手 ， 一 次 回 他 们 提 一 个 建议 ， 而 不 是 在 缺乏 
上 下 文 环境 的 初始 阶段 就 用 全 部 的 Chrome 信息 淹没 他 们 。 
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图 3-8 Instapaper 的 iOS 应用。 
(a) 处 在 显示 状态 的 Chrome. 
(b) 处 于 隐藏 状态 的 Chromeo 

Instapaper @— sk iE H PUNE 

保存 Web 文章， 等 有 空 时 再 进 

行 阅读 的 应 用 


ulll AT&T M-Cell © 1:05 PM 
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For a little movie without special effects, 
dramatic reveals, or cutting-edge sex scenes 
—a movie about nothing at all, really—Barry 
Levinson’s 1982 comedy, Diner, caused a 
tectonic shift in popular culture. It paved the 


way for Seinfeld, Pulp Fiction, The Office, and 
Judd Apatow’s career, and made stars of 


way for Seinfeld, Pulp Fiction, The Office, and 
Judd Apatow’s career, and made stars of 
Mickey Rourke, Kevin Bacon, Ellen Barkin, Mickey Rourke, Kevin Bacon, Ellen Barkin, 


and Paul Reiser. Three decades later, S. L. and Paul Reiser. Three decades later, S. L. 


. e 
M Q $ AA = raw cast broke all the rules—and stumbled 


(a) (b) 








Price reports how a novice director and his 











Adobe Photoshop Express 是 一 球 iOS 照片 编辑 应 用 。 它 实际 上 就 是 通过 上 下 文 提示 的 方 
式 实现 了 渐进 式 雄 露 (图 3-9 )。 当 用 户 选 择 了 一 个 菜单 项 ， 比 如 锐 化 ， 一 个 提示 就 会 弹 
出 来 告诉 他 们 可 以 使 用 什么 样 的 手势 锐 化 图 片 。 只 有 在 提示 能 起 到 帮助 作用 的 上 下 文 环 
境 里 ， 用 户 才 会 看 到 这 个 提示 。 





3-9 Adobe Photoshop Express 
使 用 上 下 文 提 示 以 缓解 缺乏 
Chrome 所 导致 的 不 便 。 (a) 当 
用 户 选 择 了 锐 化 功能 ， 一 个 提示 
就 会 弹出 来 告诉 他 们 可 以 使 用 什 
么 样 的 手势 锐 化 图 片 。 ( b ) 关闭 
提示 之 后 ， 用 户 残 可 以 通过 在 屏 
幕 上 滑动 手指 的 方式 锐 化 图 片 (In o 
部 的 数字 表示 当前 锐 化 的 程度 ) (a) (b) 


Sharpen 


| 
| Slowly slide your finger left/right | 
over the image to adjust the 
sharpen effect. 


Dismiss 


Hide Tips 





3. 用 手势 代替 Chrome ? 

EAEE, PRAKSE Chrome 执行 一 些 原本 由 按钮 负责 的 操作 。 如 有 果 手 势 提 供 了 
恰当 的 可 操作 性 ， 数 量 也 不 太 多 ， 那 么 它们 能 起 到 很 好 的 效果 。 人 举例 来 说 ， 许 多 用 于 阅读 图 书 
以 及 其 他 内 容 的 应 用 使 用 快速 滑动 (swipe ) 手势 进行 翻 页 。 它 们 取消 了 后 退 按钮 ， 用 在 页 面 左 
侧 进 行 快 速 滑动 的 手势 来 代 蔡 。 如 采 在 页 面 右 侧 以 同样 的 手势 请 动 ， 就 会 转 到 下 一 页 。 这 种 手 
势 与 在 实体 书 上 翻 页 的 动作 很 相似 ， 因 此 大 多 数 用 户 很 快 就 能 发 现 ( 图 3-10 )。 然 而 ， 一 些 iPad 
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zy 


比如 《大 众 科学 》( Popular Science )， 使 用 快速 滑动 两 根 手指 的 手势 来 转 到 下 一 





O 


这 种 手势 就 与 前 者 的 可 操作 性 完全 不 同 ， 也 更 加 难以 被 发 现 (参见 5.1.3 节 )。 


3-10 Android 中 的 Aldiko 应 
用 。 (a) 一 本 书 中 的 一 个 页 面 。 
(b) 在 左 侧 快 速 滑 动 会 转 至 书 的 
前 一 页 








Butthere weretimes when even amoose-birdfailed 
to affect him, and those were times when he felt 
himself to be in danger from some other prowling 
meat hunter. He never forgot the hawk, and its moving 
shadow always sent him crouching into the nearest 
thicket. He no longer sprawled and straddled, and 
already he was developing the gait of his mother, 
slinking and furtive, apparently without exertion, yet 
sliding along with a swiftness that was as deceptive as 
it was imperceptible. 

In the matter of meat, his luck had been all in the 
beginning. The seven ptarmigan chicks and the baby 
weasel represented the sum of his killings. His desire 
to kill strengthened with the days, and he cherished 
hungry ambitions for the squirrel that chattered so 
volubly and always informed all wild creatures that the 
wolf-cub was approaching. But as birds flew in the air, 
squirrels could climb trees, and the cub could only try 
to crawl unobserved upon the squirrel when it was on 
the ground. 

The cub entertained a great respect for his mother. 
She could get meat, and she never failed to bring him 
his share. Further, she was unafraid of things. It did 
not occur to him that this fearlessness was founded 
upon experience and knowledge. Its effect on him was 
that of an impression of power. His mother 


represented power; and as he grew older he felt this 
power in the sharper admonishment of her paw; while 
the reproving nudge of her nose gave place to the slash 
of her fangs. For this, likewise, he respected his 








THE LAW OF MEAT 





The cubs development was rapid. He rested for two 
days, and then ventured forth from the cave again. It 
was on this adventure that he found the young weasel 
whose mother he had helped eat, and he saw to it that 
the young weasel went the way of its mother. But on 
this trip he did not get lost. When he grew tired, he 
found his way back to the cave and slept. And every 
day thereafter found him out and ranging a wider area. 

He began to get accurate measurement of his 
strength and his weakness, and to know when to be 
bold and when to be cautious. He found it expedient 
to be cautious all the time, except for the rare 
moments, when, assured of his own intrepidity, he 
abandoned himself to petty rages and lusts. 

He was always a little demon of fury when he 
chanced upon a stray ptarmigan. Never did he fail to 
respond savagely to the chatter of the squirrel he had 
first met on the blasted pine. While the sight of a 
moose-bird almost invariably put him into the wildest 
of rages; for he never forgot the peck on the nose he 
had received from the first of that ilk he encountered. 








交互 设计 师 们 面临 着 一 种 两 难 局 面 ， 
Nene hia 

图 用 户 们 想 要 权力 、 功 能 ， 以 及 足够 
A EO 
项 。 (每 个 人 或 多 或 少 都 算是 特殊 
的 个 例 。 上 比如， 有 谁 想 在 文字 处 理 
软件 里 显示 行 号 ”答案 是 几 百 万 用 
户 。 就 有 这 么 多 ， 包 括 了 大 多 数 律 
师 事务 所 。 ) 

W 用 户 们 想 要 简单 。 他 们 没有 时 间 对 
无 数 的 功能 进行 深入 研究 ， 找 出 其 
中 最 能 满足 他 们 要 求 的 那些 

渐进 eae IE EE 
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的 需求 的 最 佳 方 法 之 一 。 这 种 既 简 单 又 有 
力 的 想法 可 以 通过 以 下 两 个 步骤 实现 。 

(1) 在 初始 阶段 只 向 用 户 展示 一 小 部 分 
最 重要 的 选项 。 

(2) 仅 在 应 用 户 要 求 时 才 提 供 更 多 的 特 
————— 


此 二 级 功能 ， 这 就 意味 着 大 多 数 用 户 不 会 
被 这 种 额外 的 复杂 性 所 困扰 ， 从 而 可 以 继 
续 进 行 自己 的 工作 。 


在 一 个 根据 渐进 式 暴 露 设 计 的 系统 
中 ， 那 些 从 一 开始 就 存在 的 事物 会 让 用 户 
了 解 它们 的 重要 性 。 


cindy282694 zzz 尊重 版 权 


对 于 新 手 用 户 ， 这 将 帮助 他 们 理 清 主 
次 关系 ， 只 将 注意 力 和 时 间 放 在 最 有 可 能 
对 他 们 有 用 的 功能 上 。 渐 进 式 暴露 还 通过 
隐藏 高 级 设置 来 帮助 新 手 用 户 避 免 犯 一 些 
错误 ， 并 且 避 免 花 费 许 多 时 间 去 思考 他 们 
并 不 需要 的 功能 。 

对 于 高 级 用 户 来 说 ， 精 简 的 初始 显示 
也 能 帮助 他 们 节省 时 间 ， 因 为 他 们 无 需 扫 
视 一 大 堆 很 不 常用 的 功能 。 

因此 ， 渐 进 式 暴露 可 以 改善 可 学 习 
性 、 提 高 使 用 效率 并 降低 错误 率 。 

你 可 能 会 这 样 假定 : 从 一 开始 就 将 
用 户 的 注意 力 集中 于 一 小 部 分 核心 功能 ， 
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开始 就 需要 的 那些 内 容 ， 让 他 们 只 
在 少数 情况 下 才 需 要 渐进 至 第 二 显 
示 层 。 反 之 ， 首 要 列表 里 也 不 能 

大 多 的 选项 ， 否 则 无 法 让 用 户 将 足 
够 多 的 注意 力 集中 于 真正 重要 的 事 
BL, 另外 ,初始 显示 层 也 不 能 包 
含 令 人 困惑 的 功能 ， 否 则 会 降低 用 
户 的 使 用 效率 。 

用 户 从 初始 显示 层 渐 进 至 第 二 显示 
层 的 方法 必须 是 显而易见 的 。 

将 这 一 操作 以 简单 的 机 制 实现 ， 并 
将 高 级 功能 的 按钮 放 在 用 户 清楚 可 
见 的 地 方 。 


可 能 会 让 他 们 在 脑子 里 对 这 一 系统 的 认识 W 给 按钮 或 链接 加 上 标签 ， 使 
简单 化 ， 从 而 不 能 完全 了 解 自 己 手 中 的 所 用 户 能 清楚 地 预 判 进入 下 一 层 
有 选项 。 研 究 表 明 ， 这 一 担忧 是 党 无 根据 后 将 会 看 到 哪些 内 容 。 换 癌 话 
的 ， 如 果 你 帮助 人 们 理 清 了 一 个 系统 中 各 说 ， 渐 进 这 一 步骤 应 该 常 有 强 
种 功能 的 主 次 关系 ， 让 他 们 能 花 更 多 的 时 烈 的 信息 气味 。 


间 在 最 重要 的 功能 上 ， 他 们 就 会 更 好 地 理 图 你 可 能 已 经 注意 到 ， 这 些 渐 进 式 
解 这 一 系统 。 暴露 的 设计 原则 与 第 2 章 中 为 移 


动 网 站 和 完整 版 网 站 分 配 功 能 的 
建议 非常 相似 。 这 不 是 巧合 ， 因 


渐进 式 暴露 这 个 概念 看 起 来 可 能 很 简 
单 ， 但 你 进行 设计 时 ， 必 须 做 好 以 下 两 方 


may TE. 为 两 个 网 站 的 战略 只 不 过 是 渐进 
图 必须 找到 初始 功能 和 二 级 功能 的 正 式 暴 露 在 移动 用 户 访问 情况 下 的 


确 分 界线 。 要 展示 出 用 户 经 常 从 一 一 个 例子 。 








另外 ， 手 势 的 可 记性 也 很 低 ， 特 别 是 当 应 用 程序 将 许多 不 同 的 手势 与 各 种 操作 结合 到 一 起 
的 时 候 。 在 这 种 情况 下 ， 手 势 之 间 的 冲突 和 遗忘 现象 就 会 出 现 ， 用 户 则 很 难 记 住 哪 种 手势 对 应 
什么 操作 。 

iPhone 中 的 Clear 应 用 (图 3-11) 是 一 个 管理 竺 办 事项 清单 的 应 用 。 它 很 自 紧 可 以 做 到 不 使 
用 Chrome。 在 这 一 界面 中 ， 所 有 的 交互 都 通过 手势 进行 。 这 个 应 用 第 一 次 启动 时 ， 会 显示 一 份 
教程 和 清单 的 示例 以 指导 用 户 使 用 。 但 问题 在 于 ， 用 于 操作 的 手势 数量 太 多 ， 即 使 用 户 耐 心 看 
完 教 程 ， 也 无 法 全 部 记 住 。 尽 管 清单 示例 能 让 用 户 立 即 着 手 使 用 ， 但 用 户 往 往 一 开始 就 会 删除 
示例 里 的 项 目 , 而 这 些 项 目 在 他 们 以 后 使 用 此 应 用 时 会 起 关键 作用 , 是 他 们 必需 的 导 路 绳 。 最 后 ， 
即使 用 户 成 功 地 创建 了 一 份 清单 (我 们 的 用 户 中 几乎 没有 人 能 完成 这 一 壮举 )， 也 不 会 有 提示 或 
界面 按钮 告诉 他 们 可 以 执行 哪些 操作 。 
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3-11 iPhone 中 的 Clear 是 alll AT&T M-Cell © 1:33 PM > Es 
一 个 管理 竺 办 事项 清单 的 应 用 ， 
它 可 以 不 使 用 Chrome， 此 界 
面 中 的 所 有 交互 都 通过 手势 进 


Finish videos 
Swipe to the right to complete! 


Copy slides on server 


G, (a) 应 用 第 一 次 启动 时 会 Swipe to the left to delete 
显示 一 份 教 程 和 清单 的 示例 。 Example from clear 
(b 一旦 用 户 创建 了 一 份 清单 ， Tap and hold to pick me up 


不 会 有 提示 或 界面 按钮 告诉 他 


们 可 以 执行 哪些 操作 e 


Pull down to create an item 


Try shaking to undo 


Try pinching two rows apart 


Try pinching vertically shut 











像 Clear 这 样 的 应 用 是 可 以 正常 工作 的 ， 只 是 需要 更 积极 主动 地 使 用 提示 ， 以 及 在 正确 的 上 
下 文 环境 里 渐进 式 地 雄 露 信息 ， 而 不 是 在 一 开始 束 用 信息 淹没 用 户 。 

那些 与 真实 世界 有 着 密 切 联系 的 手势 一 般 是 最 容易 竺 习 和 记忆 的 ， 因 为 它们 与 人 们 曾经 做 
过 的 那些 手势 很 相似 。 这 样 的 成 功 例子 有 我 们 刚才 讨论 过 的 翻 页 手势 以 及 捍 拉 缠 放手 势 ， 即 用 
手 拉 伸 某 个 物体 就 能 将 其 放大 ， 而 捏合 则 会 使 其 缩小 。 手 势 的 定义 越 随意 ， 学 习 起 来 就 越 困 难 。 

最 佳 的 手 努 学 习 方 法 是 练习 ， 而 非 记 忆 。 应 用 可 以 使 用 多 种 手势 将 屏 几 空间 从 Chrome 的 
占领 中 解放 出 来 ， 但 做 法 必须 明智 ， 要 通过 渐进 式 参 露 和 上 下 文 提 示 温 和 地 引导 用 户 以 及 建立 
有 恨 好 操作 性 的 手势 -操作 组 合 。 


4. Chrome 的 益处 

尽管 在 屏幕 中 使 用 Chrome 的 代价 很 大 ， 但 也 有 着 不 可 忽视 的 益处 。 

B Chrome 通过 提供 永久 可 见 的 〈 或 者 至 少 是 容易 显示 出 来 的 ， 如 果 逐 循 我 们 所 提出 的 原则 
的 话 ) 命令 和 选项 组 合 赋予 了 用 户 权 力 。 而 且 Chrome 始终 出 现在 同一 个 位 置 ， 用 户 不 
必 寻 找 它 。 此 外 ， 用 户 还 可 以 远离 某 些 Web 页 面 或 内 容 设 计 师 的 奇 思 怪 想 ， 而 这 也 是 后 
退 按钮 成 为 Web 最 流行 的 功能 的 一 个 原因 。 从 屏幕 像 了 系 利用 的 角度 看 ，Chrome 算是 一 
种 负担， 但 它 让 用 户 指 尖 力 量 大 增 ， 能 够 远离 那些 讨厌 或 无 用 的 Web 页 面 和 应 用 。 

B Chrome 提供 了 一 套 通用 的 、 对 其 框架 内 所 有 类 型 的 内 容 和 数据 都 有 将 的 命令 。 因 为 它 能 
始终 保持 一 人 致 ， 所 以 用 户 要 学 习 的 事物 就 很 少 ， 这 就 意味 着 他 们 可 以 专注 于 处 理 目 己 真 
实 志 界 的 需求 ， 而 不 去 想 电脑 上 改 怎 么 做 。 

B Chrome 促进 了 用 户 界 面 的 一 任性 和 标准 化 。 这 有 助 于 提升 可 学 习性 ， 让 用 户 感 觉 能 更 
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好 地 把 握 目 己 的 使 用 体验 。( 当然 ， 前 提 是 你 按 标 准 行 事 ， 而 非 目 己 发 明 一 僚 诡 异 的 
Chrome 来 困扰 用 户 。) 
如 条 使 用 得 当 ，Chrome 将 有 助 于 提升 可 用 性 ， 只 要 别 用 得 过 度 就 好 。 


3.1.2 重 载 命令 与 通用 命令 


有 一 种 方法 能 够 控制 交互 设计 的 复 琳 程度 同时 市 省 屏 秦 空间 ， 那 就 是 让 同一 命令 实现 双重 
功能 。 有 两 种 方法 可 以 做 到 这 点 ， 它 们 各 日 会 造成 不 同 的 可 用 性 结果 ， 具 体 说 明 如 下 。 
B 通用 命令 (Generic command ) 在 不 同 的 上 下 文 环 境 中 执行 同一 命令 ， 以 产生 理论 上 相同 
的 结果 ， 尽 管 具体 效果 可 能 有 所 不 同 。 
B ERMA (Overloaded command ) 使 用 同一 命令 的 不 同 变 体 以 产生 不 同 的 结果 。 这 些 结 
果 有 时 候 根 据 上 下 文 确定 ， 有 时 候 则 根据 命令 在 屏 夺 上 所 处 的 位 置 确 定 。 
目前 ， 最 著名 的 通用 命令 是 在 绝 大 多 数 触 摸 屏 UI 上 都 能 使 用 的 捏 拉 缩放 手势 。 事 实 上 ， 这 
个 命令 如 此 流行 ， 以 至 于 用 户 想 当然 地 认为 处 处 都 可 以 使 用 它 ， 而 当 这 一 命令 不 被 某 个 应 用 程 
序 文 持 的 时 候 就 会 感到 深 深 的 失望 。 拉 伸手 势 有 时 候 能 放大 文字 ， 有 了 时候 则 会 放大 图 片 ， 用 户 
不 知道 也 不 关心 两 者 的 区 别 ， 他 们 就 是 简单 地 依赖 这 个 通用 命令 ， 只 要 碰 上 尺寸 过 小 想 要 放大 
的 内 容 就 会 使 用 这 一 手势 。 
通用 命令 提升 了 可 用 性 ， 因 为 它们 让 用 户 只 需 一 次 学 习 就 能 多 次 使 用 。 记 忆 的 巩固 徘 的 是 
重复 激活 ， 因 此 ， 这 一 命令 能 使 用 的 地 方 越 多 ， 用 户 学 得 就 越 好 。 


1. 重 载 命 令 : 经 常 使 人 困惑 

你 可 能 会 认为 重 载 命令 也 很 好 。 让 同一 命令 实现 不 同 但 相似 的 结 采 听 起 来 也 算是 个 合理 的 
想法 。 然 而 ， 在 实践 中 ,命令 的 重 载 经 和 常会 让 用 户 感到 困惑 。 

如 果 一 个 命令 在 不 同 的 上 下 文 环 境 里 会 产生 不 同 的 结果 ， 用 户 就 经 常会 名 略 上 下 文 环境 的 
区 别 而 不 理解 为 什么 目 己 做 了 “同样 的 ” 事 却 得 到 不 同 的 结 采 。 

当 一 个 屏 硕 里 显示 出 疑似 同一 命令 的 多 个 实例 时 ， 用 户 经 常会 假设 这 是 多 余 的 设计 ， 这 个 
命令 的 所 有 实例 都 会 产生 同样 的 效果 。 或 者 ， 当 用 户 直 接 和 首先 见 到 的 实例 打 交 首 时， 经营 会 
忽视 这 一 命令 实际 上 存在 于 屏幕 中 的 多 个 位 置 。 

重 载 命令 的 一 个 经 典 例子 是 一 个 网 站 有 多 个 搜索 框 。 我 们 经 常会 发 现 这 些 网 站 的 用 户 在 错 
误 的 搜索 框 里 执行 查询 操作 ， 次 数 多 得 都 数 不 过 来 了 。 

在 Kindle Fire 用 户 测 试 中 ， 我 们 见 到 了 一 些 令 人 困惑 的 重 载 命令 例子 。 比 如 ，Condé Nast 
琳 志 的 应 用 在 屏 硕 顶部 放置 了 一 个 主页 按钮 ， 用 于 引导 用 户 前 往 杂 志 列 表 页 面 ， 而 为 一 个 主页 
按钮 则 会 将 用 户 带 往 Kindle FH GB BERE 3:91 (图 3-12 )。 
























































3-12 Kindle Fire 里 的 Condé Nast 杂志 应 用 有 两 个 主页 
按钮 
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这 两 个 按钮 有 着 不 同 的 图 标 ， 处 于 不 同 的 位 置 ， 但 仍然 令 人 困惑 。 

yr 10 年 来 ， 最 主要 的 一 个 主页 可 用 性 原则 就 是 ， 对 于 任何 给 定 网 站 ， 将 唯一 的 一 张 网 页 指 
定 为 它 的 正式 官方 主页 。 用 “主页 ”一 词 称 呼 多 张 网 页 会 让 用 户 感 到 困惑 。 换 句 话 说， 在 网 站 
中 请 银 将 “返回 主页 ”的 命令 重 载 使 用 。 子 网 站 的 首页 应 该 有 另外 的 和 名称, 例如“ 某 某 首页 ” ”时 
菏 概况 ”或 者 “ 茶 攻 主页 ”( 在 网 站 的 菏 个 版 块 内 使 用 ,但 这 种 名 称 还 应 尽量 少 用 )。 

对 移动 应 用 来 说 ， 放 置 一 个 “应 用 程序 主页 ” 通 第 是 个 好 主意 ， 这 能 让 用 户 在 探索 该 应 用 
的 各 个 区 域 后 回 到 一 个 安全 的 原点 。 这 对 于 那些 内 容 丰 是 的 应 用 而 言 尤其 重要 ,比如 杂志 或 报纸 。 
以 这 种 方式 使 用 的 主页 按钮 就 是 一 个 通用 命令 ， 理 论 上 它 做 的 总 是 同一 件 事 ， 虽然 在 不 同 的 应 
用 中 用 户 返 回 的 具体 页 面 不 同 。 

与 之 相反 ， 在 同一 个 网 站 或 应 用 里 提供 多 个 不 同 的 “返回 主页 ”就 让 其 变 成 了 一 个 令 人 困 
FSH) HAAS o 












































Android 中 的 物理 /虚拟 后 退 按钮 是 重 载 的 。 它 可 能 意味 着 撤销 操作 ， 但 也 可 能 是 
“ 退 ” 出 应 用 程序 。 大 多 数 时 候 ，Android 中 的 后 退 按钮 意味 着 撤销 操作 ， 而 当 用 户 位 于 
主页 的 时 候 ， 许 多 应 用 将 后 退 按 钮 解释 为 退 至 手机 自己 的 屏幕 主页 ， 而 不 是 应 用 内 的 上 一 
~ ft Era 


TOMAR IN ce, MERHABA ETZAIE, DXUPENLATUE F 
图 在 许多 应 用 里 ， 后 退 按钮 意味 者 撤销 操作 或 “ 回 到 上 一 个 页 面 ”( 这 是 推荐 用 法 )。 
B 在 Kindle Fire 版 的 ESPN 中 ,后退 按 钮 意味 着“ 返回 上 一 个 ”信息 层级 ， 而 在 大 多 数 情 
况 下 这 就 等 同 于 “返回 主页 屏幕 ”( 所 以 在 此 应 该 使 用 主页 按钮 )。 
B 在 Kindle Fire 版 的 New York Times 中 ， 后 退 按钮 有 时 意味 着“ 后 退 一 步 *"， 有 了 时 则 是 “后 
退 两 步 ”( 用 户 执行 一 次 搜索 并 点 击 进 入 了 一 篇 文章 后 ， 轻 触 后 退 按钮 并 没有 将 他 们 种 回 
搜索 结果 列表 ， 而 是 直接 回 到 了 更 前 面 的 那 一 步 )。 
E 在 “冰淇淋 三 明治 ”版 的 Zappos 中 ， 主 页 内 的 后 退 按 钮 意味 着 和 耻 接 退出 应 用 ， 无 论 应 用 
内 是 否 有 刚 访问 过 的 页 面 。 在 另外 的 页 面 里 ， 后 退 按钮 则 意味 肴 撤销 操作 〈 图 3-13 )。 
所 以 ， 如 果 一 名 Zappos 的 用 户 正 位 于 产品 页 面 (图 3-13a )， 无 意 中 磁 到 了 网 站 徽标， 他 就 
会 进入 主页 (图 3-13b )。 不 注 的 是 ， 这 个 时 候 如 果 他 轻 触 虚拟 返回 按钮 就 会 被 市 离 应 用 ， 而 非 
撤销 刚才 的 意外 操作 。 
在 最 新 版 本 的 Android 设计 指南 中 ， 谷 歌 将 后 退 按钮 在 许多 应 用 中 给 用 户 市 来 困惑 的 两 个 
作用 进行 了 明确 划分 : 后 退 〈 撤 销 操 作 ) 和 后 退 〈 返 回 上 级 )， 见 图 3-14。 
后 退 ( 撤销 操作 ) 经 党 用 于 人 们 因为 事 不 如 意 而 想 返 回 前 一 个 状态 的 时 候 。 后 退 (返回 上 级 ) 
则 用 于 人 们 需要 返回 更 高 一 层 信息 层级 的 时 候 。 大 多 数 应 用 将 后 退 按钮 的 功能 设 定 为 后 退 〈 返 
回 上 级 )， 而 不 是 后 退 ( 撤销 操作 )， 因 而 给 用 户 种 来 了 一 些 不 便 。 
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3-13 Zappos 的 Android 版 
应 用 。 (a) 产品 页 面 。 ( b ) 主 
页 。 产 品 页 面 里 的 后 退 按 钮 起 撤 
销 操作 的 作用 ， 但 主页 里 的 后 退 
按钮 则 将 用 户 市 离 了 该 应 用 
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图 3-14 这 是 “冰淇淋 三 明治 ”版 的 Google+ 应 用 。“ 冰 淇 淋 三 明治 ” 
版 的 系统 对 后 退 按 钮 的 两 种 意义 做 了 区 分 。 在 这 一 系统 中 ， 规 定 了 屏幕 底 
部 的 虚拟 后 退 按 钮 起 着 撤销 操作 的 作用 ， 而 项 部 图 标 劳 边 的 脱 字 符 ( 即 朝 


A note to myself and maybe others having 
trouble sync'ing their Google Calendar on iOS 
devices. Here’s how you do it properly, so 
that all the associated calendars appear on 
the device. 
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ALL CIRCLES 


Desktop : Public 


http://support.google.com/mobile/bin/ 
answer.py?hl=en&answer=138...See more » 


& Setting up Google Sync with your iOS 
device - Google Mobile Help 


Setup Multiple Calendars Known Issues 
Follow the steps below to setup Go...See 
more » 


ty Fetch New Data Push > 
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重 载 命令 会 融 来 风险 的 最 后 一 个 例子 来 目 我 们 对 iPad 用 户 进 行 的 测试 。 在 测试 中 发 现 ， 快 
速 滑动 这 一 手势 存在 含义 模糊 的 问题 ( 详 见 5.1.7 市 )。 当 同一 个 命令 (快速 滑动 ) 因 用 户 滑动 
的 位 置 和 方式 不 同 而 产生 不 同 的 结 末 时 ， 用 户 就 会 困惑 ， 除 非 使 其 中 的 区 分 比 我 们 测试 过 的 那 
些 应 用 更 明显 些 。 


2. 有 效 的 命令 复 用 
就 像 刚 才 的 例子 所 展示 的 ， 对 命令 的 复 用 到 底 应 该 算 做 通用 命令 ( 一般 是 好 事 ) 还 是 重 载 
命令 (一般 是 坏事 )， 有 时 候 难 以 区 别 。 判 断 的 关键 取决 于 以 下 两 个 方面 。 
B 人 们 是 否 意识 到 两 种 上 下 文 环境 是 不 同 的 ? 举例 来 说 ， 两 个 不 同 的 网 站 一 般 而 言 区 别 很 
大 ， 用 户 不 会 期 望 网 站 里 的 两 个 主页 按钮 指向 同一 个 目的 地 。 相 反 ， 同 一 屏幕 里 的 两 个 
搜索 框 所 处 的 上 下 文 环境 是 很 相似 的 ,即使 两 者 标签 ( 用 户 很 少 会 注意 它 ) 不同 也 是 如 此 。 
B 人 们 将 结果 视 作 相似 还 是 不 同 ” 举例 来 说 ， 返 回 上 一 屏 这 一 概念 足够 有 力 。 即 使 回 到 的 
具体 页 面 经 常 是 不 同 的 ， 用 户 还 是 会 将 后 退 命令 看 作 是 相似 的 概念 。 
这 两 条 标准 都 依赖 于 使 用 者 如 何 解读 用 户 界面 。 那 么 ， 如 何 才 能 了 解 他 们 的 想法 呢 ? 你 当 
然 可 以 自己 进行 分 析 ， 以 判断 相似 度 与 差异 程度 ， 不 过 在 用 户 中 进行 实际 测试 会 更 安全 些 。 


3.1.3 ROAR: 为 移动 使 用 优化 屏 才 


我 们 利用 一 次 在 亚太 地 区 进行 巡回 演讲 的 机 会 进行 了 数 次 可 用 性 调研 ， 测 试 的 移动 网 站 之 
一 是 AllKpop.com (图 3-15 )。 该 网 站 所 围绕 的 主题 似乎 在 许多 亚洲 国家 都 广 受 欢迎 ， 那 就 是 啡 
国 的 流行 歌手 。 
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AllKpop 的 这 个 网 站 在 许多 方面 都 做 得 不 错 。 

E 最 重要 的 一 个 方面 是 ， 该 网 站 文 持 一 种 非常 适合 移动 应 用 的 任务 : 名 人 八卦 。 我 们 从 
2000 年 进行 的 第 一 次 移动 可 用 性 调研 中 就 已 经 知道 ， 移 动 端的 杀手 级 应 用 就 是 用 来 打发 
时 间 的 。 其 他 的 许多 任务 在 移动 环境 中 意义 不 大 ， 无论 你 将 它们 设计 得 多 么 棒 ， 都 是 在 
浪费 时 间 ， 因 为 没有 多 少 人 会 用 。 

m 几乎 同样 重要 的 是 ， 该 网 站 有 一 个 单独 的 移动 版 ， 就 像 我 们 在 第 2 章 所 建议 的 那样 。 

图 网 站 的 服务 帮会 上 自动 探测 用 户 使 用 的 是 移动 还 是 果 面 设备 ， 用 户 无 需 手 工 选 择 网 站 版 本 。 
我 们 的 测试 表明 , 移动 网 站 和 完整 版 网 站 如 果 有 不 同 的 URL. 网 址 , 可 用 性 就 会 明显 降低 ， 
因为 用 户 经 常会 不 慎 进 入 错误 的 用 户 界 面 。 

W 每 条 大 标题 的 可 触 控 目 标 都 相当 大 。 

B 与 内 容 密 切 相关 的 关键 词 经 党 出 现在 大 标题 的 开头 处 。 在 这 个 网 站 中 ， 流 行 歌手 的 名 字 
对 用 户 而 言 是 最 重要 的 信息 ， 也 通常 第 一 眼 就 能 看 到 。 

不 过 ， 这 个 网 站 并 没有 完全 遵守 所 有 的 移动 可 用 性 原则 ， 因 此 我 们 决定 创建 一 种 能 做 到 这 

一 点 的 蔡 代 性 设计 (图 3-16 )。 
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Another cover for SNSD's Japanese 
single "Mr. Taxi" revealed 

"e. The rumors are true! There will be an original 
single of "Mr. Taxi" for the Japanese market. 


X 
Jang Geun Suk is shaking up Japan 
The showcase celebrating the release of his 
Japanese single is now sold out 


MBLAQ's Mir rages against Jang Ja 
Yeon's offenders 

He is expressing his anger towards what is 
called the *Jang Ja Yeon Case." 


Won Bin reveals second *C'mon 
Girl" teaser for Japan 
The CD release for “C'mon Girl" is slated for 


March 14th with a total of 4 tracks 
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图 3-16 我 们 建议 对 AllKpop 移动 主页 所 进行 的 重新 设计 


新 设计 包括 以 下 10 处 重要 的 改变 。 
(1) 减少 功能 。 我 们 通过 移 除 以 下 3 个 元 素 实现 了 这 一 点 。 
国人 作者 莹 名 。 因 为 它们 对 读者 选择 文章 没有 帮助 。( 在 主页 列 出 大 标题 的 唯一 目的 就 是 
方便 读者 选择 文 草 。) 
B 可 选择 的 分 类 和 标签 。 况 且 它 们 太 小 了 ， 不 容易 准确 触 到 。( 另外 ， 像 “音乐 ”这 样 
的 分 类 在 一 家 流行 音乐 网 站 上 显得 多 余 。 
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B 用 于 在 适当 位 置 显 示 摘 要 的 三 角形 按钮 。( 相反 我 们 总 是 直接 显示 摘要 。) 

(2) 加 大 触 控 目标 。 现 在 整个 文章 块 都 能 触 控 了 , 用 户 无 需 再 精确 地 对 谁 实际 标题 进行 操作 。 
(在 现 有 的 设计 中 ， 每 个 文章 块 都 包含 了 硅 干 细小 的 可 触 控 区 域 ， 可 用 性 很 低 ， 效 果 也 很 难说 。) 

(3) 用 完整 的 大 标题 取代 了 被 截取 的 大 标题 。 这 大 概 是 最 大 的 设计 改进 了 ， 因 为 相对 于 现 有 
网 站 中 可 见 的 窒 窗 数 词 ， 完 整 的 大 标题 本 质 上 提供 了 更 强烈 的 信息 气味 〈 见 后 文 附注 栏 “ 信 息 
气味 ”的 介绍 )。 截 取 标 题 或 产品 名 称 从 来 都 不 是 一 个 好 主意 ， 有 时 候 还 会 引发 严重 的 可 用 性 问 
题 ， 比 如 图 3-17 里 展示 的 两 个 例子 。 在 这 两 个 案例 中 ， 用 户 需 要 多 做 一 步 才能 弄 明日 标题 的 意 
思 (图 3-17a) 或 产品 可 能 是 什么 (图 3-17b )。 虽 然 用 户 在 网 上 确实 不 会 仔细 了 阅读， 只 会 草草 浏 
览 ， 但 一 段 文字 的 开头 部 分 并 不 总 能 提供 足够 多 的 信息 以 消除 内 容 中 的 监 义 。 这 点 对 产品 列表 
来 说 尤其 如 此 ， 因 为 许多 产品 名 称 的 头 几 个 词 可 能 都 是 一 样 的 。 在 图 3-17b F, A 11 个 产品 的 
名 称 以 单词 Blendtec 开头 ， 而 其 中 8 个 有 痢 相 似 的 产品 图片 。 
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(a) (b) 
3-17 (a) NPR 的 移动 网 站 ( m.npr.org ) 将 大 标题 做 了 截取 。 (b) NES X85 iPad 版 Windowshop 应 用 截取 了 产 
品名 称 

(4) 增强 可 扫 视 性 。 这 是 通过 加 膨大 标题 中 每 位 流行 歌手 的 名 子 实现 的 。 

(5) 提供 更 多 的 信息 气味 。 我 们 在 每 条 大 标题 的 下 方 都 增加 了 一 小 段 内 容 摘 要 ( 新 闻 术 语 叫 
“dek” ); 

(6) 使 用 流行 歌手 的 照片 代 蔡 日 期 图 标 。 这 样 做 不 仅 增 强 了 视觉 吸引 力 ， 还 增强 了 可 扫 视 性 
和 信息 气味 ， 因 为 许多 用 户 一 眼 就 能 认 出 目 己 最 爱 的 明星 ， 绝 对 要 快 于 阅读 标题 的 速度 。 

(7) 留 出 空间 ， 能 显示 4 个 完整 文章 块 而 无 需 滚 动 页 面 。 这 一 稍微 紧凑 的 布局 让 用 户 进 入 页 
面 后 一 眼 就 能 看 到 第 4 篇 文 曹 的 摘要 部 分 。 如 果 用 户 选择 滚动 页 面 ， 能 在 较 小 的 空间 里 看 到 更 
多 的 文 草 块 ， 这 就 意味 看 他 们 在 每 篇 文 草 上 费力 更 少 ， 因 此 可 能 愿意 去 看 更 多 的 文章 。 第 二 点 
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益处 相对 来 说 较 弱 ， 因 此 我 们 考虑 将 文章 块 缩 小 以 在 第 一 屏 里 显示 更 多 文章 。 总 而 言 之 ， 文 草 
摘要 和 流行 歌手 的 照片 所 融 来 的 更 强烈 的 信息 气味 似乎 能 更 好 地 利用 空间 ， 但 对 一 种 蔡 代 性 设 
计 进 行 测试 还 是 有 必要 的 。 

(8) 只 将 发 表 日 期 当做 分 隔 符 显示 ， 用 于 分 隅 在 不 同日 期 发 表 的 文章 。 一 般 来 次 ， 最 后 更 新 
日 期 是 新 闻 网 站 中 非常 重要 的 信息 ， 在 移动 问 上 则 是 必 不 可 少 的 : 由 于 网 络 连接 的 原因 ， 用 户 
看 到 的 可 能 是 昨天 的 新 闻 ， 而 日 己 却 浑然 不 知 。( 图 3-18 展示 了 在 新 闻 应 用 中 显示 日 期 的 一 个 
好 例子 和 一 个 坏 例 子 。) 然而 ， 每 日 新 侠 出 炉 的 文革 如 此 之 多 ， 用 户 访问 网 站 时 一 般 只 能 看 到 当 
天 的 日 期 ， 除 非 他 们 深 动 足够 多 的 页 数 直 到 抵达 昨天 的 新 闻 。 因 此 ， 文 章 的 日 期 不 值得 占据 这 
么 多 宝 贯 的 屏 融 空间 ， 束 像 在 现 有 网 站 上 那样 。 们 而 言 之 ， 对 于 一 切 多 次 重复 显示 相同 信息 的 
移动 设计 都 应 当 质 疑 。 


图 3-18 ”最 后 更 新 日 期 对 于 那些 经 常会 变 
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动 的 内 容 而 言 是 必需 的 。《 纽约 时 报 》 的 
两 种 应 用 : (a) Android fx: (b) iPhone 
版 。Android 版 应 用 很 好 地 显示 了 文章 最 后 
更 新 的 日 期 和 时 间 ，iPhone 版 应 用 则 只 提 
到 了 最 后 更 新 的 时 间 而 没有 日 期 。 另 外 ， 
时 间 惟 在 默认 情况 下 是 隐藏 的 ， 用 户 必须 
下 拉 文 字 才 能 看 到 
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(a) 
(9) 增 大 导航 栏 里 两 个 选项 之 间 的 距离 以 降低 用 户 误 触 到 男 一 个 选项 的 可 能 性 。 





(10) 给 下 拉 菜 单 加 上 文字 标签 ， 而 不 是 仅 用 三 角形 指 代 。( 它 在 原 设 计 中 只 是 略 高 于 搜索 按 
钮 ， 大 部 分 用 户 郡 没有 注意 到 这 一 微妙 的 界面 元 素 。 倘 而 言 之 ， 沫 单 需要 突出 显示 ， 用 户 才 会 
发 现 它们 ， 见 图 3-19。 而 且 即 使 它们 容易 被 发 现 ， 为 了 便于 用 户 使 用 也 需要 给 其 贴 上 标签 ， 让 
用 户 能 轻松 猜 到 沫 单 里 可 能 隐藏 春 哪些 项 目 。) 根据 某 单 中 实际 命令 的 不 同 ， 也 可 以 换 做 其 他 的 
名 称 。 我 们 并 没有 彻 瓜 重新 设计 导航 系统 ， 但 我 们 认为 修改 一 下 分 类 系统 ， 能 够 让 它 成 为 继 点 
击 标题 和 搜索 之 后 最 有 价值 和 最 可 用 的 网 站 导航 方法 。 

就 像 这 个 例子 所 展示 的 ， 即 使 是 一 块 小 小 的 移动 屏 副 也 可 以 包含 许多 用 户 界面 的 细 市 。 唱 
然 这 个 网 站 的 功能 非 第 少 ， 但 我 们 也 做 了 10 处 可 用 性 改进 ， 包 括 进 一 步 削 减 功能 。 

一 种 设计 的 限制 越 多 ， 就 越 需 要 微调 用 户 界面 以 实现 最 佳 的 可 用 性 。 移 动 设计 就 是 一 种 限 
制 相 当 多 的 设计 挑战 。 
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3-19 Android 版 的 ESPN Score 
Center 应 用 。 (a) 这 个 应 用 在 屏 


56 第 3 章 为 小 屏幕 设计 


FRKE T EAR, (b) 打开 
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信息 砚 食 理论 (Information foraging ) 
是 人 机 交互 研究 自 1993 年 以 来 形成 的 最 重 
要 的 一 个 概念 。 这 一 理论 由 帕 洛 阿尔 托 
研究 中 心 (前 身 是 Xerox PARc ) 的 Stuart 
Card 和 Peter Pirolli 等 人 提出 ， 以 野生 动物 
更 食 来 类 比分 析 人 们 是 如 何在 互联 网 上 采 
集 信息 的 。 

说 Web 用 户 的 行为 就 像 丛林 野 兽 听 起 
来 像 是 个 笑话 ， 但 实际 上 有 大 量 的 数据 支 
持 这 一 主张 。 动 物 们 基于 高 度 优化 的 方法 
决定 在 何 处 、 何 时 及 以 何 种 方式 进食 。 这 
并 不 是 说 生物 会 进行 数学 运算 ， 而 是 因为 
次 优 的 行为 会 导致 饥饿 ， 从 而 造成 遵循 同 
样 行为 习惯 的 后 代 减 少 ， 经 过 成 千 上 万 代 
后 就 只 剩 下 最 优 的 砚 食 行为 了 。 





人 类 并 没有 受到 那么 大 的 进化 压力 来 改 
进 Web 使 用 方式 ,但 人 类 基本 的 惰性 可 能 
是 一 种 与 生存 相关 的 特征 (不 到 万 不 得 已 
不 尽力 ) 。 在 任何 情况 下 ， 人 们 都 喜欢 以 最 
少 的 努力 获得 最 大 的 收益 。 这 就 让 信息 砚 食 
理论 成 为 分 析 在 线 媒 介 的 一 种 有 用 工具 。 

信息 砚 食 理论 里 最 著名 的 概念 是 信息 
气味 : 用 户 根 据 某 个 给 定 猎 物 的 少 迹 估计 
成 功 的 可 能 性 ， 判 断 它 沿途 留 下 的 线索 是 
否 涉 及 自己 想 要 的 结果 。 信 息 砚 食 者 ?在 
感到 (后 面 又 是 一 个 类 比 ) “身子 越 来 越 
热 ” 时 会 不 断 地 上 点击， 而 这 气味 必须 越 来 
越 强 ， 否 则 他 们 就 会 放弃 。 进 展 的 速度 必 
须 足 够 快 ， 人 们 才 会 认为 为 了 达到 目标 所 
付出 的 那些 努力 是 值得 的 。 


(D fi WEE (Informavore ) 强调 了 人 类 消耗 信息 的 行为 特征 ， 由 认 知 心理 学 的 创始 者 之 一 George Armitage Miller 
于 1983 年 首次 提出 ， 以 区 别 于 消耗 食物 的 杂食 动物 (Omnivore )。 一 一 译 者 注 
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言 息 气味 所 揭示 的 最 明显 的 设计 原则 
就 是 ， 确 保 链 接 和 分 类 描述 清楚 地 告诉 用 
户 他 们 会 在 目的 地 找到 什么 。 当 用 户 面临 
多 个 导航 选项 时 ， 最 好 能 让 他 们 清楚 分 辨 
出 除了 某 条 路 径 有 猎物 外 ， 其 他 所 有 的 路 
径 都 没什么 可 吃 的 。 

因此 ， 不 要 使 用 自 造 词 或 你 自己 的 口 
SEA SAAR, AA CNA TAS TH 
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物 的 气味 。 平 实 的 语言 最 具有 搜索 引擎 可 
见 性 : 搜索 是 一 种 将 用 户 脑 子 里 的 词汇 与 
网 站 中 词汇 进行 字面 比较 的 过 程 。 

另外 ， 当 用 户 深 入 网 站 后 ， 每 一 张 网 
页 都 应 清楚 地 指出 用 户 仍 然 处 在 通 往 食物 
的 路 径 上 。 挽 和 句 话说 ， 要 提供 关于 当前 位 
置 的 信息 反馈 ， 以 及 它 是 如 何 关系 到 用 户 
任务 的 。 





1. 迭代 设计 的 步骤 





即使 是 最 有 天 赋 的 顶级 设计 师 也 无 法 一 次 就 设计 出 完美 的 用 户 界 面 。 我 们 承认 ， 我 们 上 月 己 
也 不 能 。 我 们 在 重新 设计 AlIKpop.com 的 移动 网 站 ( 见 图 3-15 ) 的 练习 中 使 用 了 和 迭代 设计 的 方法 。 
第 一 次 迭代 ( 图 3-20 ) 册 到 的 最 大 问题 是 使 用 每 篇 文章 开头 部 分 的 文字 作为 摘要 。 很 多 时 候 ， 
这 些 文字 不 足以 起 到 补充 大 标题 、 让 用 户 一 括 文 草 主 旨 的 作用 。 于 是 在 第 二 次 欠 代 里 我 们 重新 


x 
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在 第 二 次 迭代 ( 图 3-22) 里 ， 我 们 重新 引入 了 现 有 网 站 中 的 两 个 功能 : 搜索 和 发 表 日 期 。 











去 邱 多 余 的 功能 是 件 好 事 ， 但 这 两 项 很 重要 ， 不 容 遗 漏 。 
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Hours ago, the jacket cover for SNSD's 
alleged original single titled, “Mr. Taxi"... 


m Another cover for SNSD's Japanese 
| y single “Mr. Taxi” revealed 
s Jang Geun Suk is shaking up Japan 
x On March 6th, it was reported that Jang Geun 
Suk sold all of the tickets for his showcase, to 
celebrate the release of his Japanese single. 


MBLAQ’s Mir rages against Jang Ja 
Yeon's offenders 
MBLAQ's Mir is expressing his anger towards 


what's called the *Jang Ja Yeon Case." 


for Japan 


Former F.T. Island Member Won Bin 
reveals second “C'mon Girl" teaser 
Nearly two years ago, Oh Wonbin, guitarist... 
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Monday, March 7 


Another cover for SNSD’s Japanese 
single “Mr. Taxi” revealed 

二 The rumors are true! There will be an original 
single of "Mr. Taxi" for the Japanese market. 


RS 

Jang Geun Suk is shaking up Japan 
The showcase celebrating the release of his 
Japanese single is now sold out. 


MBLAQ’s Mir rages against Jang Ja 
Yeon's offenders 

He is expressing his anger towards what is 
called the “Jang Ja Yeon Case." 


Won Bin reveals second “C’mon 
Girl” teaser for Japan 

The CD release for “C'mon Girl" is slated for 
March 14th with a total of 4 tracks. 
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我 们 又 做 了 些 简化 ， 将 几 个 不 常用 的 导航 选项 整合 到 一 个 下 拉 菜 单 中 。 不 过 ， 在 第 二 次 迭 
代 中 ， 菜 单 和 搜索 选项 不 仅 太 小 ， 而 且 距 离 太 近 ， 不 适合 触摸 屏 使 用 。 我 们 在 第 三 次 迭代 中 修 
复 了 这 一 问题 ， 得 出 图 3-16 所 展现 的 效果 。 

我 们 对 相应 流行 歌手 的 名 称 做 了 高 亮 处 理 ， 这 进一步 增强 了 大 标题 的 可 扫 视 性 。 


2. 所 需 的 测试 

图 3-16 展示 了 我 们 最 终 的 设计 。 不 过 ， 这 并 不 能 算是 真正 的 “最 终 ” 设 计 。 如 果 不 是 以 此 
为 练习 ， 而 是 在 为 真实 的 客户 操作 咨询 项 目 ， 下 一 步 就 会 是 用 户 测 试 。 

这 一 新 设计 还 存在 硅 干 有 问题 的 元 素 ， 需 要 进行 可 用 性 调研 以 帮助 解决 。 

B 是 否 应 该 让 每 一 个 文 草 块 更 小 ， 从 而 一 屏 能 显示 更 多 的 文章 ? 

B 人 们 是 否 意识 到 顶部 的 日 期 条 是 它 与 下 一 个 日 期 条 ( 党 位 于 一 两 屏 之 后 ) 之 间 所 有 文章 

的 发 表 日 期 ? 
W 是 否 能 更 好 地 撰写 或 裁 切 大 标题 、 内 容 摘要 和 缩 略 图 ”人 们 选择 文章 阅读 时 是 在 寻找 什 
么 信息 ”内 容 可 用 性 经 常 是 网 站 是 否 能 成 功 的 最 大 的 决定 因素 。 
B 尤其 是 ,在 缩 略图 里 展现 一 个 音乐 团体 的 最 佳 方式 是 什么 ? 放 上 某 一 名 成 员 的 近 照 (图 
3-21 中 SNSD 组 合 缩 略 图 4 种 尝试 里 的 最 后 一 种 ) 似乎 显得 过 于 聚焦 这 名 成 员 了 。 在 
我 们 的 最 终 设计 中 , 选择 了 某 一 成 员 吴 穿 演出 服 的 照片 , 因为 这 张 相 对 而 言 更 “动感 ”， 
让 人 感觉 更 像 是 演出 照 而 不 是 肖像 照 。 不 过 ， 显 示 两 三 名 成 员 是 否 会 更 好 些 ? 
B 是 在 任何 时 候 对 任何 明星 都 使 用 同一 张 缩 略 岁 ， 还 是 让 一 位 照片 编辑 选取 新 图 片 以 更 
好 地 衬托 文章 ? 新 的 缩 略图 训 无 疑问 会 更 加 有 趣 ， 但 一 致 的 缩 略 网 能 让 人 更 快 地 识别 ， 
并 且 因 为 大 多 数 图 片 都 会 被 缓存 的 绿 故 能 广 省 下载 的 时 间 。 
W 大 标题 看 上 去 能 用 手 触 控 吗 ? 它们 看 上 去 像 是 完整 的 条 目 ， 用 户 会 知道 自己 可 以 通过 点 
击 标题 进入 对 应 的 文章 吗 ? 

B 分 类 菜单 可 用 吗 ? 是 否 应 该 换 一 个 名 称 ， 或 包含 不 同 的 菜单 项 ? 

W 搜索 功能 容易 发 现 吗 ”是否 应 该 蔡 换 成 搜索 框 ， 或 增加 “搜索 ”一 词 的 对 比 度 ? 

B 将 音乐 团体 的 名 称 以 暗 红 形式 突出 显示 是 会 带 来 帮助 还 是 使 人 困惑 ? 

B 当 你 使 用 一 个 名 称 的 复数 或 所 有 格 形式 C 比如 示例 屏幕 截图 中 的 “SNSD’s”) 时 ， 高 
^E RM Cdi UNI s) 和 只 高 亮 主 名 称 哪 种 方式 更 好 ? 也 就 是 说 ， 应 该 处 理 成 
SNSD’s 还 是 SNSD's ? 前 者 也 许 看 上 去 更 好 ， 但 后 者 可 能 更 具 可 扫 视 性 。 要 回答 这 个 问 
题 需 要 进行 一 次 精心 设计 的 眼球 追踪 测试 ， 不 过 这 么 做 很 可 能 并 不 值得 ， 因 为 这 两 种 设 
计 也 许 只 有 不 到 1 个 百分点 的 差别 。 因 此 ,这 个 决策 最 好 还 是 依靠 视觉 设计 师 的 个 人 判断 ， 
而 不 是 测试 。 我 们 还 有 更 大 的 独 物 要 找 ， 它 们 很 可 能 意味 着 10 至 100 个 百分点 的 提升 。 
我 们 在 测试 现 有 网 站 时 是 否 忽 略 了 什么 ”这 份 清单 之 前 的 部 分 列举 了 一 些 “ 已 知 的 未 知 ”， 
但 是 那些 “未 知 的 未 知 ”往往 更 加 重要 : 每 一 次 你 测试 某 种 新 设计 ， 新 的 问题 就 会 浮现 。 
不 能 仅仅 因为 测试 了 设计 空间 的 一 角 就 断言 自己 对 所 有 的 用 户 体验 问题 都 有 了 全 面 的 了 
解 。 如 果 没 有 从 可 用 性 测试 中 获得 任何 意料 之 外 的 发 现 ， 就 不 能 算是 正确 地 进行 了 调研 。 
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设计 ， 让 网 站 赚 到 更 多 的 钱 。 


3.2 移动 输入 


人 机 交互 领域 中 的 费 茨 定律 认为 ， 使 用 鼠标 或 手指 到 达 目 标 所 需 的 时 间 和 目标 的 大 小 
成 正比 ， 和 与 目标 之 间 的 距离 成 反比 。 也 就 是 说 ， 更 大 的 目标 可 以 被 更 快 地 触 和 到， 同样 ， 
离 玫 指 或 鼠标 的 初始 位 置 更 近 的 目标 也 能 更 快 地 被 触 到 。 


这 个 目标 尺寸 的 建议 值 来 自 于 2006 年 发 表 的 一 篇 MobileHCI 会 议论 文 : P. Parhi, A.K. 
KarlsonfeB.B. Bederson 所 写 的 “Target size study for one-handed thumb use on small 
touch screen devices”。MobileHCI 会 议 于 2006 年 9 月 12 日 至 15 日 在 芬兰 赫尔辛基 召开 。 论 
X FIL: MobileHCI” 06, vol. 159. ACM, New York, NY, 203-210. DOI-http://doi.acm. 
org/10.1145/1152215.1152260, 

触 控 目标 的 合适 大 小 是 以 厘米 为 单位 衡量 的 (或 者 是 英寸 ， 因 为 建议 值 1 厘米 等 于 0.4 
英寸 ) 。 在 许多 设备 制造 商 提 供 的 人 机 界面 指南 中 ， 触 控 目 标的 尺寸 是 以 像素 为 单位 的 ， 
你 也 可 以 用 这 人 个， 不 过 它们 通 第 会 低估 所 需 的 尺寸 。 我 们 提供 的 指南 以 厘米 为 单位 ， 因 为 
这 是 一 种 真实 世界 里 的 物理 度量 单位 。 指 南 的 目的 是 匹配 用 户 的 手指 ， 而 用 户 的 手指 绝对 
是 真实 世界 里 的 物理 存在 。 





大 多 数 用 户 讨厌 进行 移动 输入 ， 这 是 有 原因 的 。 

借助 虚拟 键盘 (在 触摸 屏 里 显示 ) 进行 输入 很 有 难度 ， 一 部 分 原因 是 用 户 必 须 看 着 键盘 。 
物理 键盘 的 键 位 会 慢 慢 被 用 户 记 住 ， 因 此 他 们 在 打字 时 并 不 一 定 需 要 看 着 键盘 ， 而 大 多 数 用 户 
在 虚拟 键盘 上 只 能 一 边 找 一 边 输 入 ， 无 法 做 到 冒 打 。 物 理 键 盘 和 虚拟 键盘 的 男 一 个 区 别 是 触觉 
反馈 。 在 触摸 屏 上 ， 用 户 遇 到 的 一 个 问题 是 要 和 弄 明 日 日 己 的 动作 是 否 足 够 精确 : 刚才 是 正确 地 
点 到 了 键 还 是 误 触 了 周边 区 域 ? 触 党 反馈 解决 了 这 一 问题 ， 让 育 打 成 为 可 能 。 

话 虽 然 这 么 说 ， 但 最 流行 的 触 屏 手机 是 没有 物理 键盘 的 。 手 机 设计 师 放 弃 物 理 键 盘 的 原因 
有 两 个 : 有 较 多 的 空间 可 以 留 给 屏幕 ; 许多 应 用 和 移动 网 站 是 内 容 消 费 导向 的 ， 并 不 需要 进行 
大 量 输 入 操作 。( 在 我 们 的 测试 中 ， 那 些 有 看 可 滑动 物理 键盘 的 用 户 并 不 经 稼 使 用 它们 ， 除 了 电 
子 邮 件 之 外 ， 他 们 在 绝 大 多 数 任务 里 依赖 虚拟 键盘 , ) 

尽管 人 们 肯定 不 喜欢 被 强迫 进行 移动 输入 ,但 在 需要 时 他 们 确实 会 这 么 做 。 至 今 为 止 ， 最 
流行 的 手机 活动 是 发 送 短 信 。 根 据 ComScore 所 做 的 统计 ， 在 2012 年 3 HA 74% 的 美国 移动 用 
户 发 送 了 短信 。 流 行 手 机 活动 的 第 二 名 是 拍照 ( 60% )， 接 着 是 电子 邮件 ( 41% )。 然 而 ， 撰 写 电 
子 邮 件 或 短信 与 填写 表单 有 者 相 当 大 的 区 别 ， 在 电子 邮件 或 短信 里 使 用 缩写 甚至 是 错别字 都 不 
会 导致 什么 不 良 后 果 ， 而 如 果 它 们 出 现在 表单 里 就 会 严重 得 多 。 设 想 一 下 ， 你 把 刚 买 的 书 发 到 
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了 错误 的 地 址 ， 或 者 在 银行 账户 之 间 转 账 时 写 错 了 金额 ， 会 有 什么 后 条 ? 输入 提示 对 上 自由 形式 





的 文本 输入 很 有 用 ， 但 在 菏 些 必须 输入 姓名 和 地 址 信息 的 情形 中 可 





表单 在 移动 端 是 个 令 人 讨厌 的 东西 ， 所 以 我 们 为 你 提供 如 下 建议 。 
m 尺 可 能 以 下 列 方式 带 助 用 户 填写 表单 。 





Ab ANo 
能 会 造 


成 灾难 性 的 后 采 。 


m 让 他 们 使 用 缩写 ,提供 可 感知 的 献 认 值 或 精心 选择 的 输入 提示 ( 基于 用 户 历史 ), 或 者 





人 允许 他 们 用 摄像 头 、GPS 或 语音 进行 输入 (图 3-23 )。 














m 只 要 有 可 能 就 日 动 计 算出 信息 。 比 如 ， 根 据 美 国 邮 政 编码 日 动 计算 出 州 名 。 不 要 请 用 
户 分 别 输入 信用 卡 类 别 和 号 码 ， 而 应 根据 号 码 目 动 计算 出 类 别 。 
m 对 尽 切 和 烙 贴 提供 支持 。 不 是 所 有 人 痢 知 道 如 何冀 切 和 粘贴 ， 但 提供 这 些 支 持 会 方便 


那些 知道 的 人 。 














B 日 动 生成 已 知 的 值 。 如 果 用 户 已 经 登录 ， 不 要 在 他 们 进行 购买 时 让 其 重新 输入 电子 邮 


箱 和 地 址 。 


图 将 表 香 做 得 越 短 越 好 ， 只 要 求 填写 必 知 的 信息 。 要 避免 让 用 户 两 次 输入 同一 信息 。 像 








图 3-24 里 这 样 的 表单 是 会 把 移动 用 户 吓 跑 的 。 只 要 有 可 能 台 缩 减 表单 ， 只 要 求 用 户 填 与 
必需 的 信息 ， 比 如 称呼 (Title ) 一 栏 就 是 非 必 需 的 。 虽 然 它 是 个 下 拉 框 ， 用 户 实际 上 并 
不 用 在 里 面 输入 ， 但 每 个 额外 的 字段 都 让 这 张 表 单 在 移动 设备 里 看 起 来 更 吓人 。 与 之 类 
似 ， 晚 间 联 系 手机 (evening phone ) 里 然 是 可 选 的 ， 但 它 让 这 张 表 单 看 上 去 更 长 ， 也 更 


复杂 。 


3-23 (AR) Android 版 的 
Hipmunk 应 用 在 酒店 搜索 中 使 用 
当前 地 点 ( 手机 GPS 捕捉 到 的 ) 
和 当前 日 期 作为 可 感知 的 默认 值 
( 当然 ， 如 果 用 户 愿意 ， 也 应 当 
允许 他 们 使 用 不 同 的 地 点 ) 


3-24 (AH) Android 版 的 
Net-a-porter 应 用 使 用 了 很 长 的 
结账 表单 ， 并 要 求 填 与 许多 非 必需 
的 信息 


hipmunk 


My Location 





1 Night, 5/8 - 5/9 


EE — 
E c 


Search for Hotels 
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多 
NIET-A- PORTER 


* Required fields 


Titlex 


First name* 


Surname* 


Country* 


Address line 1* 


Address line 2 


City* 


State* 


Postcode/ZIP* 


Phone day* 


Phone evening 





Ms P | 


United States P | 


Select a State A 


—: 
— 
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虽然 输入 很 烦人 ， 但 有 时 候 它 却 胜 过 在 一 屏 接 一 屏 的 信息 中 进行 滚 劲 。 比 如 ， 用 户 输入 所 
在 州 的 两 个 字母 缩写 要 比 从 50 个 条 目的 下 拉 框 里 选 更 容易 。 同 样 ， 输 入 某 个 品牌 名 的 开头 部 分 
然后 从 一 些 匹配 建议 中 选择 ， 也 比 从 数 干 个 品牌 名 的 清单 中 寻找 要 快 (图 3-25 )。 

尽管 在 触摸 屏 里 进行 输入 很 麻烦 ， 但 触 控 屏幕 里 的 目标 可 能 同样 有 难度 ， 特 别 是 在 目标 很 
小 的 情况 下 。 研 究 显 示 ， 用 于 触 岳 的 理想 目标 太 才 是 1 厘米 x 1 厘米 。 通 第 ， 宽 度 比 高 度 要 更 
重要 一 些 , 但 微小 和 被 重重 包围 的 目标 会 对 用 户 构成 不 小 的 挑战 。 触 碰 到 它们 不 但 需要 更 长 时 间 ， 
而 且 用 户 也 更 有 可 能 出 错 ( 图 3-26 )。 





























3-25 ( 左 图 ) Android 版 的 
Zappos 应 用 。 当 Zappos 的 用 户 
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3.3 下载 时 间 


用 户 在 移动 设备 中 效 认 低下 的 一 个 原因 就 是 速度 慢 。 即 使 那些 拥有 超 快 铝 能 手机 的 人 也 时 
不 时 会 党 得 目 己 的 设备 依然 太 慢 。 这 可 能 是 因为 通信 网 络 出 现 了 拥堵 ， 或 者 菏 一 地 点 的 网 络 罗 
兰 很 差 。 无 线 网 络 还 远 远 没有 实现 无 处 不 在 ,用 户 从 智能 手机 访问 互联 网 依 徘 的 是 通信 网 络 信和 号 ， 
尤其 是 在 移动 使 用 中 。 

当 速 度 缓慢 的 时 候 ， 每 一 次 载 和 人 网 页 都 很 关键 。 每 一 次 载 人 网 页 都 有 可 能 导致 连接 被 终止 ， 
因为 大 多 数 用 户 没有 耐心 等 待 太 长 的 时 间 。 如 打 迫 切 需要 你 网 站 中 的 信息 ， 他 们 可 能 会 打 电话 
给 坐 在 电脑 劳 的 朋友 ， 请 他 帮忙 找到 信息 。 或 者 ， 如 果 有 你 公司 的 电话 号 码 ， 他 们 也 可 能 会 直 
接 打 电话 过 来 。 不 过 ， 在 大 多 效 情 况 下 他 们 只 会 离开 你 的 网 站 或 应 用 程序 ， 去 往 别 处 。 
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交互 成 本 是 指 人 们 在 电脑 、 移 动 设备 或 其 他 类 似 设 备 中 完成 任务 所 需要 的 原子 性 操 


VEY (比如 上 点击、 滚动 、 转 移 注 意 力 到 新 窗口 ) 的 数量 。 用 户 每 多 做 一 步 ， 就 会 多 一 分 痛 








因为 速度 在 移动 设备 上 如 此 重要 ， 其 中 的 可 用 性 问题 就 被 放大 了 。 在 加 面 电 脑 上 的 一 次 额 
外 点 击 算得 了 什么 ? 虽然 让 你 的 用 户 做 不 必要 的 事 肯 是 不 能 算是 恨 好 的 可 用 性 实践 ， 但 你 的 网 
站 不 会 因此 倒闭 。 用 户 在 使 用 PC 的 时 候 进 行 额 外 的 点 击 不 算是 大 问题 ， 但 在 移动 设备 上 就 不 
一 样 了 了 ， 点 击 或 轻 触 可 能 童 味 着 赣 长 的 下 载 时 间 。 如 果 你 的 网 站 或 应 用 程序 让 用 户 太 辛 盏 或 者 
等 待 时 间 太 长 ， 他 们 可 不 会 原谅 你 。 因 此 ， 在 为 移动 设备 设计 的 时 候 ， 将 交互 成 本 降 到 最 低 是 
很 关键 的 。 
那么 ， 该 如 何 应 对 绥 慢 的 下 载 速度 呢 ? 
B 将 交互 流 线 人 化， 让 所 需 下 和 载 的 页 面 越 少 越 好 。 有 的 时 候 “ 页 面 下 载 ” 就 等 同 于 “点 击 ”， 
但 并 不 是 所 有 的 点 击 都 会 导致 页 面 下 载 。( 举 个 例子 ， 如 有 果 内 容 是 存储 于 手机 之 中 的 ， 轻 
触 一 下 应 用 就 可 能 不 会 从 服务 妖 下 载 任何 信息 。) 
图 3-27 展示 了 Zappos 移动 网 站 中 非 必 需 下 载 页 面 的 一 个 例子 。 该 网 站 过 于 急切 地 进行 
搜索 精细 化 ， 如 果 某 位 用 户 想 浏览 一 下 男 鞋 ， 他 无 法 同时 提交 全 部 的 3 个 过 小 选项 (“HEE 
子 ”、“ 男 式 ”、“ 黑 色 ”)， 而 只 能 分 别提 交 。 因 为 一 旦 用 户 选 择 了 产品 类 别 (“鞋子 ”)， 网 
站 就 会 立刻 自动 下 载 搜索 结果 ， 让 用 户 来 不 及 选择 其 他 的 过 滤 选 项 。 
E 只 加 载 需要 的 信息 ， 即 那些 对 你 的 用 户 有 用 、 给 页 面 ”isso i206M 0 rmm 
增加 价值 的 信息 。 
E 不 有 要 在 页 面 里 滥用 图 片 。 图 片 越 多 ， 下 载 速 度 一 般 也 FILTER 
就 越 慢 。 这 并 不 是 说 不 应 该 使 用 图 片 。 事 实 上， 用 户 
言 欢 在 手机 上 看 到 精美 的 图 像 。 这 里 的 意思 是 应 该 明 
智 地 选择 图 片 ， 不 要 在 一 张 页 面 里 放置 太 多 。 
E 向 用 户 提供 反馈 ， 比 如 用 进度 条 告诉 他 们 目前 的 下 载 — 
状态 。 这 并 不 能 完全 阻止 他 们 因为 网 站 太 慢 而 选择 离 Price 
开 ， 但 可 以 稍微 拖延 一 下 。 Color 


























Product Type 





Gender 


FA 3-27 Zappos 的 移动 网 站 ( m.zappos. 
com) 每 次 只 提交 一 个 过 滤 选 项 ， 以 较 低 
的 效率 为 每 个 选项 触发 一 次 页 面 下 载 





CD 原子 性 操作 (atomic action) 借 “ 原 子 ” 一 词 的 本 意 ， 即 不 能 被 进一步 分 割 的 最 小 粒子 ， 来 比喻 那些 浑然 一 体 、 
不 能 被 分 拆 的 操作 。 译 者 注 
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3.4 ”必须 避免 过 早 提 出 注册 要 求 


移动 应 用 的 最 重要 原则 之 一 就 是 要 避 免 让 用 户 在 第 一 步 承 进行 注册 。 

在 测试 中 我 们 见 到 过 无 数 这 样 的 应 用 : 还 未 能 证 明 目 身 起 码 的 价值 ， 就 要 求 用 户 进 行 注册 。 
这 样 做 是 错误 的 。 请 记 住 ,用 户 在 一 开始 对 你 的 应 用 的 投入 程度 很 低 。 除非 你 的 应 用 确实 非常 棒 ， 
能 提供 巨大 的 价值 ， 否 则 人 们 不 会 频 楷 地 使 用 它 ， 更 不 会 觉得 值得 注册 。 

注册 当然 可 以 增加 商业 价值 ， 也 能 为 你 的 客户 提供 使 用 便利 。 不 过 这 些 仅 仅 是 在 用 户 实 际 
完成 注册 之 后 才 成 立 。 不 洱 的 是 ， 如 来 在 用 户 充分 认可 应 用 的 价值 之 前 束 强 迫 他 们 注册 ， 许 多 
人 就 会 选择 退出 应 用 ,而 且 从 此 连 碰 都 不 碰 。 于 是 ,你 就 失去 了 仪 有 的 给 人 市 来 民 好 第 一 印象 (其 
实 算是 唯一 印象 ) 的 机 会 。 

XP EA A Y. AMA 1999 年 以 来 ,针对 电子 商务 里 购物 车 和 结账 程序 的 一 条 
关键 可 用 性 原则 束 是 让 用 户 无 须 注 册 就 能 进行 购买 。 相 比 那 些 要 求人 们 必须 有 用 户 ID 和 密码 
才能 至 受 花 钱 这 一 罕见 特权 的 网 站 ， 那些 允许 “游客 结账 ”的 网 站 有 着 高 得 多 的 转化 率 。 毕 况 ， 
我 们 不 能 随 随 便便 地 让 任何 人 都 能 在 我 们 的 网 站 里 购物 , 对 吧 ? ( 看 上 去 有 些 人 就 是 这 么 想 的 。) 















































我 们 测试 了 数 以 百 计 的 电子 商务 网 站 ， 总 结 出 了 这 些 网 站 应 当 核 对 的 874 条 用 户 体 验 
原则 。 由 于 数量 太 多 ， 这 里 无 法 逐一 进行 讨论 ， 另 一 个 原因 是 这 些 原则 中 的 大 部 分 是 关于 
总 体 的 Web 设 计 ， 并 不 针对 移动 可 用 性 。 要 想 了 解 这 份 长 达 2140 页 的 电子 商务 可 用 性 系列 
报告 ， 请 访问 我 们 的 网 站 : www.nngroup.com/reports/ecommerce。 


在 果 面 网 站 里 要 求 用 户 注 册 也 会 给 你 的 业务 市 来 损失 ， 不 过 并 不 严重 。 但 在 移动 环境 下 ， 
用 户 必 须 经 历 的 每 一 个 额外 步 又 虱 会 给 他 们 市 来 抹 烦 。 此 外 ， 用 户 对 刚刚 下 载 的 应 用 的 投入 程 
度 也 要 低 于 他 们 花 了 很 多 时 间 浏 览 并 填充 购物 车 的 电子 商务 网 站 。 

如 有 果 把 更 多 的 麻 烦 和 更 低 的 投入 程度 结合 起 来 看 ， 束 很 容易 理解 为 什么 前 置 注册 在 移动 站 
所 造成 的 业务 损失 要 比 在 加 面 端 大 本。 

虽然 整体 的 用 户 体验 最 为 重要 ， 但 也 必须 对 细节 多 加 注意 。 要 知道 ， 一 个 错误 的 页 面 就 能 
给 你 导致 数 白 万 美元 的 营 收 和 品牌 价值 损失 。 

束 像 老话 所 说 的 ， 你 只 有 一 次 给 人 形成 第 一 印象 的 机 会 。 这 束 是 第 一 屏 至 关 重 要 的 原因 。 
尤其 是 移动 用 户 ， 他 们 有 是 不 会 有 太 多 意愿 在 刚刚 免费 下 载 的 应 用 上 人 花 寓 精力 的 。 即 使 是 “正规 
的 软件 ， 有 时 安 半 、 设 置 和 初始 屏幕 也 能 决定 此 应 用 是 成 功 还 是 失败 。 

图 3-28 展示 了 两 个 应 用 。 它 们 部 要 求 用 户 注册 ,但 采取 了 完全 不 同 的 方式 。Zapd 是 一 于 在 
Web 上 发 布 内 容 的 应 用 ， 只 有 在 人 们 真 的 想 要 发 布 所 创建 的 内 容 时 该 应 用 才 会 要 求 他 们 注册 。 

Orchestra 是 一 于 管理 待 办 事项 清单 的 应 用 。 它 要 求 用 户 创建 账号 后 才能 使 用 ， 其 至 不 告诉 
他 们 这 区 应 用 是 做 什么 的 。 为 什么 一 天 管理 符 办 事项 清单 的 应 用 还 需要 注册 7? Orchestra 应 用 多 
半 硕 望 能 在 不 同 平台 上 进行 清单 同步 ,， 但是， 为 了 提供 更 好 的 用 户 体 验 ， 应 当 允 许 人 们 先 使 用 
这 球 应 用 ， 只 有 在 他 们 需要 进行 清单 同步 时 才 要 求 他 们 进行 注册 。 


图 灵 社 区 会 员 cindy282694 GS 尊重 版 权 
































64 第 3 章 为 小 屏幕 设计 


3-28 (a) Zapd 的 iPhone 
版 应 用 人 允许 人 们 创建 内 容 ， 当 
他 们 想 要 发 布 到 Web 上 时 才 会 
要 求 注 册 。 (b) Orchestra 的 
iPhone 版 应 用 要 求 用 户 在 实际 
使 用 之 前 就 必须 进行 注册 








Welcome to Orchestra! 


You’ll need a free account to use 
Orchestra. Click the orange button or 
swipe here to learn more. 





Create a beautiful website. In 60 z 
seconds. From your iPhone. 


o o ANN 
(a) (b) 











TE — BESUEEOR TET EA) “SCBA”: 应 用 希望 用 户 在 尝 到 甜头 之 前 就 在 日 己 映 上 化 
费时 间 和 精力 。 为 一 种 滥用 用 户 关 系 的 例子 是 ， 在 用 户 弄 明日 应 用 的 作用 之 前 就 要 求 获得 发 送 
通知 或 使 用 当前 位 置 的 权限 ( 图 3-29 )。 用 户 经 第 对 这 些 行 为 (使 用 当前 位 置 和 发 送 通 知 ) 的 日 
的 一 无 所 知 。 








3-29 (a) 比萨 连锁 

店 Amici’ s 的 应 用 在 首次 

启动 时 要 求 获得 推送 通知 
( push notification ) 的 权 
限 。 (b) Wolfram Alpha 
& iPad 版 应 用 是 一 款 数学 一 一 

搜索 引擎 ， 它 在 首次 启动 “Amici's” Would Like to Send 

时 要 求 获得 使 用 当前 位 置 You Push Notifications 

的 权限 Notifications may include alerts, ————H 


i to Use Your Current Location 
sounds and icon badges. These can 


be configured in Settings. bi 


Don't Allow OK 





(à) (b) 
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另 一 个 “ 先 取 后 子 ” 的 例子 是 ， 应 用 在 局 动 后 首先 显示 宛 长 的 使 用 教程 或 用 户 手册 ( 图 
3-30 )。 大 多 数 用 户 在 实际 感受 到 应 用 的 价值 前 不 会 费心 去 阅 旋 使 用 教程 。 况 且 即 使 用 户 被 迫 阅 
谈 了 用 户 手册 和 教程 也 没有 什么 用 ， 这 很 大 程度 上 是 因为 其 中 的 内 容 脱 离 了 了 上下文， 用 户 根 本 
无 法 记 住 所 有 的 信息 。 如 果 你 必须 得 这 么 做 ， 建 议 使 用 Foodspotting 应 用 (图 3-30a ) 所 使 用 的 
快速 和 浮 于 界面 之 上 的 方式 ， 而 不 是 Marvel Comics 应 用 (图 3-30b ) 所 使 用 的 宛 长 费劲 的 那 种 。 

















3-30 应 用 不 该 在 启动 时 要 求 AT&T 4G 3 3:27 PM = 
用 户 阅 读 用 户 手册 : 界面 应 当 是 à 
不 言 自明 的 。 (a) Foodspotting 
应 用 在 启动 时 显示 了 一 些 解释 界 Ee 
面 的 提示 。 (b) Marvel Comics anywhere. 


Scroll to access wants, 


应 用 希望 用 户 首 先 阅读 手册 friends' sightings & more. 


It looks like you're reading your first 
comic! 


Bookmark dishes that 


you want to try. Want to see a quick comic about 


Hide ones you don't. how the reader works? 





x 


Welcome to Explore. 
Find great dishes wherever you go. 





(a) (b) 


最 初 的 用 户 体验 应 当 吸 引 人 ， 证 他 们 参与 其 中 ， 而 不 是 向 他 们 提出 要 求 。 在 第 一 次 启动 时 ， 
应 用 尚未 证 明 目 身 的 价值 ， 也 没有 获得 用 户 信任 。 我 们 的 建议 是 : 一 、 不 要 在 首次 局 动 时 要 求 
获得 权限 ， 除 非 该 应 用 无 此 权限 完全 无 法 工作 ; 二 、 要 求 获 得 权限 时 ,一 定 要 向 用 户 解 释 为 什 
么 你 需要 当前 的 位 置信 息 或 会 发 送 包 含 哪些 内 容 的 通知 ; 三 、 避 免 让 用 户 阅 读 元 长 的 教程 或 用 
FB. 




















sel: 比萨 订购 应 用 


我 们 在 各 种 不 同 的 应 用 调研 中 曾 多 次 见 到 过 早 要 求 注册 和 烦人 界面 的 例子 。 

当 必 胜 客 的 iPhone 版 应 用 首次 启动 时 ， 用 户 就 遇 上 了 如 图 3-31 所 示 的 注册 页 ， 而 此 时 他 们 
满 脑 子 想 的 却 是 浏览 和 挑选 美味 的 比 楷 饼 。 

那么 ,合理 的 顺序 应 当 是 怎么 样 的 ? 

(1) Jo bif EG PES) PA o 

(2) 让 用 户 定 制 他 们 的 订单 。 

(3) 显示 价格 和 那些 最 重要 的 订购 信息 ， 比 如 用 户 输入 邮政 编码 之 后 生成 的 配送 时 间 之 类 。 
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Not ready to order? Demo the app. 


Please sign in with your PizzaHut.com 
username or email address and password. 


Username 


or email 
address: 


Password: 


E Remember me 





Don't have a PizzaHut.com account? 


图 3-31 测试 中 的 必胜客 移动 应 用 : 
用 户 连 比萨 的 味 儿 都 没有 闻 到 就 磁 上 
了 这 个 注册 页 
(4) 接受 订单 。 在 这 一 步 要 求 输 入 个 人 信息 是 合适 的 ， 因 为 用 户 至 此 已 经 足够 投入 了 。 
为 了 实际 测试 这 个 应 用 ， 我 们 强迫 用 户 在 这 一 页 上 注册 并 继续 使 用 。 而 在 实验 室 之 外 的 真 
实 使 用 环境 中 ， 用 户 不 应 该 在 实际 见 到 比 院 饼 前 经 历 太 多 的 步骤。 
在 这 一 应 用 中 还 有 一 些小 的 交互 设计 问题 ， 但 这 家 公司 如 果 能 取消 前 置 注册 页 ， 改 成 在 展 
示 比 辽 饼 并 刺激 用 户 的 味 蔓 之 后 再 要 求 他 们 提供 信息 ， 仍 然 可 以 实现 移动 比 防 订单 数 翻 一 番 的 
BAR o 
没有 一 个 用 户 点 击 图 3-31 中 标 有 “还 没有 准备 好 订餐 ?演示 一 下 这 个 应 用 ”( Not ready to 
order? Demo the app ) 的 按钮 。 当 我 们 试看 点 击 这 个 按钮 时 〈 出 于 实验 目的 )， 必 胜 客 完全 如 守 
了 刚才 列举 的 4 步 用 户 体验 建议 。 看 来 设计 师 是 知道 该 怎么 做 的 ,只 是 没有 运用 到 主 UI 的 流程 里 。 
为 什么 用 户 不 试用 “演示 ”这 一 功能 ? 因为 他 们 要 的 不 是 演示 ， 而 是 正在 出 售 的 比萨 饼 。 
虽然 “只 是 随便 看 看 ”是 个 经 典 的 购买 策略 ， 但 人 们 不 会 告诉 百货 商店 的 店员 目 己 还 没有 准备 
好 购买 一 件 新 毛衣 ， 只 是 想 看 看 样品 。 他 们 进入 了 商店， 看 看 毛衣 ( 商品 整齐 陈列 就 是 为 了 这 个 
目的 )， 试 穿 上 自己 最 喜欢 的 一 件 。 这 一 场景 只 有 从 商店 的 视角 看 才 是 “一 次 演示 ”。 从 顾客 的 视 
角 看 ， 这 就 是 “购物 ”， 你 不 需要 事先 填写 一 式 三 份 的 申请 并 获得 批准 。 
虽然 我 们 已 经 说 了 100 万 次 ， 但 显然 还 得 再 说 一 次 : TE UI 中 要 说 用 户 能 听 收 的 语言 。 
在 我 们 对 必胜客 应 用 进行 首次 测试 之 后 ， 这 家 公司 对 设计 进行 了 修改 ( 图 3-32 )， 不 再 要 求 
前 置 注册 ， 但 还 远 没 有 达到 完全 扫除 初始 障碍 的 程度 。 在 新 的 设计 里 ， 用 户 在 见 到 产品 列表 并 
判断 是 否 感 兴趣 之 前 必须 先 考虑 是 要 配送 还 是 上 门 自 取 。 无 论 哪 种 方式 都 需要 用 户 指 定 一 个 地 
址 ;配送 地 址 或 上 门 自 取 的 地 址 。 用 户 还 未 看 到 任何 “奖赏 ”就 得 完成 这 一 大 堆 工 作 , 但 实际 上 ， 
大 多 数 人 需要 一 根 胡 蓝 卜 或 比 辽 上 基 在 眼前 才 愿 音 在 一 个 应 用 里 投入 这 么 多 的 精力 。 
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3.4 Am 


ull. AT&T 全 8:30 at umil. AT&T F 


a Pizza Hut - 
A Pizza fut 


WELCOME 


nuld like ta order for: 
| WoUIG IIKe to order for: 


| Delivery 


WP pe EMER ë 67 


AT&T > 


Back 


p> Pizza Hut 


(a) 


m. ATST ^ 


Back 


Pizza piut 


(Use My Current Location ) 


* OR Enter Your ZIP Code 


Don't know your ZIP code? 


Find a Store 


Have an account? 


(d) 


Want to find a Dine-in restaurant? 








(b) 


ar. AT&T ^ 


Back 


p NS Pizza fur 


Location 1 
1241 W El Camino Real 


Sunnyvale, CA 94087 
0.6 miles 





Location 2 

464 N Mathilda Ave 
Sunnyvale, CA 94085 
1.5 miles 


Location 3 

20770 Stevens Creek Blvd 
Cupertino, CA 95014 

3.3 miles 





uar. AT&T ^ 


(f) 


Back 


- Pizza put 


1241 W El Camino Real 
Sunnyvale, CA 94087 
0.6 miles 

(650) 968-8100 


Delivery Hours: 

Sun: 11:00AM-11:00PM 
Mon: 11:00AM-11:00PM 
Tue: 11:00AM-11:00PM 
Wed: 11:00AM-11:00PM 
Thu: 11:00AM-11:00PM 
Fri: 11:00AM-12:00AM 
Sat: 11:00AM-12:00AM 


Carrunnt Houre- 





3-32 ”必胜客 的 新 版 iPhone 应 用 让 用 户 在 见 到 任何 产品 之 前 必须 经 历数 个 需 
(b) 点 击 主页 中 的 填写 新 订单 ( Start an order) 按钮 会 将 用 户 带 到 无 法 跳 过 
(c) 如 果 用 户 选 择 配 送 ( Delivery ) ， 就 必须 在 下 一 屏 填写 配送 地 址 。(d ) 至 (e 
就 必须 在 接 下 去 的 三 张 页 面 中 找到 一 家 距离 自己 较 近 的 自 提 店 。 
菜单 


移动 应 用 所 使 用 的 界面 显然 是 用 户 界 面 中 的 一 种 ， 因 此 除了 特殊 的 移动 原则 之 外 ， 总 体 的 
UI 原则 同样 适用 。 移 动 应 用 和 时 面 应 用 的 区 别 在 于 ， 对 于 前 者 而 言 ， 巡 循 UI 原则 更 为 关键 ， 
因为 移动 一 词 通常 意味 春 间 上 断 性 使 用 。 因 此 ， 初 始 障碍 必须 既 少 又 容易 跳 过 ， 和 否则 用 户 永远 不 
会 习惯 于 使 用 你 的 应 用 。 


密集 输入 的 步骤 : (a) 主页， 
的 、 选 择 配送 还 是 上 门 自 取 的 页 面 。 
) 如 果 用 户 选 择 上 门 自 取 ( Carryout ) ， 
f) 在 确定 自 提 店 或 配送 地 址 后 ， 用 户 才 能 见 到 订购 
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3.5 RHR: 《华尔街 日 报 》 的 移动 应 用 


2011 年 ,《 华 尔 街 日 报 》 的 iPhone 版 应 用 在 苹果 应 用 商店 里 只 得 到 了 2 颗 星 的 评分 。 这 一 
评分 是 68 418 名 用 户 所 打 的 平均 分 数 ， 因 此 表明 有 相当 多 的 用 户 对 该 应 用 表示 愤怒 。 

粗略 估算 一 下 ， 来 日 68 418 名 用 户 2 里 星 的 平均 分 说 明 有 40 000 名 用 户 只 给 了 这 个 应 用 程 
序 1 颗 星 。 根 据 社 交 设 计 里 的 90-9-1 法 则 ， 绝 大 多 数 用 户 不 会 特意 去 给 某 一 产品 打分 或 评论 ， 
因此 40 000 个 低 分 的 背后 至 少 有 50 万 名 失望 的 消费 者 。 











90-9-1 法 则 


所 有 依赖 用 户 贡 献 内 容 或 构建 服务 的 大 型 多 用 户 社区 和 在 线 社交 网 络 都 具有 一 个 共同 
特征 : 绝 大 多 数 用 户 并 不 会 积极 地 参与 ， 很 多 时 候 他 们 只 是 在 默默 地 潜水 。 

与 之 相对 ， 一 小 部 分 用 户 经 常会 不 成 比例 地 创造 大 量 内 容 和 参与 其 他 系统 内 活 
动 。Will Hill 在 20 世 纪 90 年 代 初 首次 深入 研究 了 这 一 非 对 称 参与 现象 ， 当 时 他 就 在 贝尔 通 


信 研 究 所 工作 ， 紧 挨 本 书 作 者 Jakob Nielsen 的 办 公 室 。 
任何 给 定 在 线 社区 的 用 户 参与 情况 或 多 或 少 都 遵循 下 面 这 条 90-9-1 法 则 。 
E 90% 的 用 户 是 潜水 者 ， 意 思 是 他 们 会 进行 阅读 和 观 佘 ， 但 不 会 作出 贡献 。 
BI 9% 的 用 户 会 时 不 时 做 点 贡献 ， 但 他 们 的 时 间 主 要 还 是 花 在 其 他 优先 级 更 高 的 事情 上 。 
B 1% 的 用 户 会 积极 地 参与 并 作出 大 量 贡 献 。 他 们 仿佛 没有 个 人 生活 ， 往 往 在 事件 发 
生 几 分 钟 后 就 发 帖 进行 评论 。 





《华尔街 日 报 》 是 全 世界 最 受 导 重 的 新 闻 媒 体 之 一 ， 长 期 以 来 也 是 数字 媒体 的 先驱 。 那 么 ， 
它 为 什么 会 制作 出 这 样 一 球 2 BUE BEP s wr HUE? 

答案 可 以 清楚 地 从 用 户 评论 里 找到 。 得 分 最 高 的 3 条 用 户 评 论 部 只 给 了 该 应 用 1 颗 星 ， 以 
下 是 它们 各 目的 标题 。 

m HOC" Alix. (SIRNA AEA? “这 些 家 伙 届 然 有 胆量 癌 现 有 的 在 线 订阅 者 

收取 额外 的 费用 ! ”) 

加 “无 用 的 应 用 ， 得 为 同样 的 内 容 付 两 次 钱 。” 

图 “对 内 容 收 费 一 一 还 是 两 次 ! ? 1 ” 

很 明显 ， 人 们 深 深 地 感到 被 冒犯 了 ， 因 为 这 个 应 用 要 求 那些 已 经 付费 订阅 wsj.com 的 人 再 
次 付费 才能 在 移动 设备 上 阅读 该 报 。 

如 果 用 户 真 的 是 因 同 一 内 容 被 收 两 次 钱 ， 我 们 也 会 跟 他 们 一 起 高 。 但 他 们 实际 上 不 是 。 使 用 
这 于 移动 应 用 对 现 有 的 网 站 付费 订阅 者 来 说 是 免费 的 ,他 们 只 需 用 目 己 的 用 户 了 D 和 密码 登录 即 可 。 























3.5.1 让 人 困惑 的 初始 页 面 
为 什么 会 有 那么 多 人 错误 地 认为 自己 还 需要 为 《华尔街 日 报 》 的 iPhone 版 应 用 付费 呢 ? SE 
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岁 祸 站 是 一 种 让 人 极为 困 惑 的 用 户 界 面 设 计 。 第 一 次 启动 这 个 应 用 时 ， 会 出 现 如 图 3-33 所 示 的 
初始 页 面 。 

其 中 ， 最 强烈 的 行动 号 召 ( 就 位 置 和 尺寸 而 言 ) 是 接受 用 户 订 阅 并 提供 2 周 的 免费 期 。( 这 
当然 就 暗示 了 在 此 之 后 会 产生 费用 。) 点 击 “ 现 在 订阅 ”( Subscribe Now ) 按钮 之 后 出 现 的 页 面 
如 图 3-34 所 示 。 











3-33 (AR) 2011 年 《 华 a ATRT c 6:29 PM 65% mm) [ATAT 一 6:29 PM 65% mal 

尔 街 日 报 》 的 iPhone 版 应 用 : THE Wi STREFT IRN, 2 WSJ: Mobile 

mi TI CIE coon D 
Get 2 Weeks FREE. THE WALL STREET JOURNAL. 
Subscribe now to WSJ Mobile Reader. 

3-34( AR) 《华尔街 日 报 》 Get the articles available only to Enjoy Full Access 

. 4 subscribers -- the latest global news, to WSJ Mobile Read 

的 iPhone 版 应 用 : rash "XA financial events, market insights and i : pe 

订阅 ” (Subscribe Now ) 按钮 information to keep you ahead of the curve. Subscribe Now for only 

R Hurry, act now! $1.99/week 

之 后 出 现 的 页 面 


- Breaking news headlines 
Subscribe Now - WSJ Radio Podcasts 


- Exclusive video 


Gain access to free WSJ Mobile Reader 


content by registering now. 
Or Call to Order 


Register for Free 1-800-765-7395 

















看 上 去 用 户 确 实 需要 在 2 周 后 每 周 花费 1.99 3526 HEE Ia, PAI EME FF 
合 逻 辑 的 绪论 ， 但 它 是 错误 的 。 如 有 果 你 点 击 了 第 二 屏 里 的 “订阅 ”(Subscribe ) 按钮 ， 将 看 到 一 
个 页 面 ， 里 面 注 明 此 应 用 对 现 有 的 网 站 订阅 者 是 免费 的 。 

然而 ， 绝 大 多 数 用 户 不 会 看 到 上 述 的 第 三 屏 ， 因 为 这 个 “订阅 ”按钮 对 现 有 的 订阅 者 来 说 
不 存在 任何 信息 气味 。 用 户 过 去 对 所 有 网 站 和 应 用 的 使 用 经 验 都 指 问 了 同一 个 结论 :这 个 “订阅 ” 
按钮 是 在 邀请 你 购买 一 份 全 新 的 订阅 。 因 此 ， 如 果 用 户 不 愿意 为 同一 批文 章 付 两 次 钱 的 话 ， 一 
见 到 第 二 屏 里 的 内 容 时 就 会 选择 退出 。 

大 多 数 人 都 会 在 那 一 刻 放 弃 ， 因 为 要 使 用 该 应 用 很 明显 需要 每 周 额 外 花费 1.99 美元 。 特 别 
固执 的 用 户 可 能 会 返回 初始 页 面 尝 试点 击 第 二 个 按钮 :“ 人 免费 注册 ”( Register for Free )。 

这 第 二 个 按钮 将 用 户 之 到 一 个 注册 页 ， 在 那里 你 可 以 创建 一 个 新 账户 ， 获 得 阅读 一 小 部 分 
文 草 的 权利 。 没 有 提示 说 如 果 已 有 网 站 账号 可 以 直接 登录 。 同 样 ， 用 户 能 得 出 的 唯一 合理 的 结 
论 就 是 ， 必 须 支 付 每 周 1.99 美元 的 额外 费用 才能 看 到 所 有 的 文章 。 

那些 超级 固执 的 用 户 还 可 能 会 注意 到 初始 页 面 底 部 有 个 小 得 多 的 “登录 ”( Log In ) 按钮 。 
不 过 他 们 不 太 可 能 会 点 击 这 个 按钮 ， 因 为 这 于 应 用 的 当前 使 用 经 验 让 他 们 误 以 为 必须 注册 和 和 额 
外 付 钱 才能 登录 。 
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剩 下 的 少数 儿 个 最 终点 击 了 “登录 ”按钮 的 用 户 看 到 了 他 们 可 以 使 用 现 有 的 wsj.com 账 
登录 这 个 应 用 。 不 过 ， 应 用 商店 里 出 现 了 那么 多 的 负面 评论 ， 说 明 很 少 有 用 户 可 以 走 得 这 





( 男 外 ,我 们 对 数 百 个 移动 应 用 和 网 站 的 测试 表明 ,用 户 对 位 于 顶部 的 选项 有 着 强烈 的 偏好 。 
里 然 手 机 屏 倚 并 不 大 ,但 用 户 还 是 可 能 会 忽略 下 面 的 选项 ， 因 为 他 们 的 注意 力 都 集中 到 了 屏 颇 
LS ) 


3.5.2 AmA 


MA RS PE xs TT EAE Y xx TOI MATT ARAYE? EEDAN OL AMAR E IL SS TT E 
WES) T A. 
还 有 , 这 一 设计 其 实 挺 适合 新 订阅 者 的 , 而 他 们 是 唯一 会 给 公司 增加 收入 的 用 户 群 体 。 所 以 ， 
为 什么 不 只 聚焦 于 新 订阅 者 ， 不 管 那些 老 顾 客 和 他 们 糟糕 的 用 户 体验 呢 ? 
不 应 忽视 老 顾客 的 原因 有 以 下 两 点 。 
m 现 有 的 订阅 者 对 需要 付 两 次 钱 非 当 不 满 ， 他 们 的 负面 评价 和 打分 在 应 用 商店 的 用 户 反 人 馈 
版 块 里 占据 了 压倒 性 的 地 人 位。 因此， 许多 浴 在 的 新 订阅 者 会 看 到 2 颗 星 的 评分 ， 然 后 立 
刻 抛 弃 这 个 应 用 。 人 们 可 没有 时 间 论 在 垃圾 应 用 上 ， 毕 范 还 有 其 他 50 万 个 应 用 可 贷 选 
择 呢 。 
m 那些 愿意 付费 获得 网 站 阅览 权 的 人 是 这 家 新 闻 媒体 最 忠实 的 粉 缘 。 为 Web 内 容 付 费 的 行 
为 是 相当 罕见 的 ， 愿意 这 么 做 的 顾客 应 当 受 到 重视 ， 而 不 应 像 垃 圾 一 样 地 对 往 。 
新 闻 媒体 要 想 在 互联 网 时 代 生 存 ， 必 须 采 取 以 下 两 种 战略 措施 。 
m 在 日 己 的 用 户 中 维持 可 信和 度 。 要 保证 比 用 户 在 Google 里 找到 的 那些 随机 网 站 更 受 人 
FF HE 
图 深化 与 忠实 用 户 的 关系 ， 这 样 用 户 就 会 首先 选择 这 家 媒体 ， 而 不 是 众多 将 内 容 商品 化 的 
新 闻 聚 合 网 站 之 中 的 一 家 。 
顾客 被 念 慢 了 ， 可 信和 度 和 用 户 关 系 就 会 又 降 ， 特 别 是 当 他 们 上 自觉 爱 到 不 公平 的 错误 对 待 时 。 
《华尔街 日 报 》 的 这 种 让 人 困惑 的 应 用 程序 UI 所 造成 的 长 期 影响 ， 腐 蚀 了 这 一 品牌 在 其 最 
重要 的 人 群 ( 忠实 的 、 愿 意 付 费 的 读者 ) 心目 中 的 形象 。 这 一 案例 完美 地 证 实 了 可 用 性 不 仅 关 
乎 用 户 是 否 能 点 击 到 正确 的 按钮 。 用户 体验 就 是 交互 世界 中 的 品牌 营销 。 
这 家 新 闻 媒体 复杂 的 订阅 模型 所 带 来 的 男 一 大 难题 是 ， 印 刷 版 订户 必须 额外 付费 才能 访问 
在 线 版 本 。 这 束 需 要 做 一 大 堆 额 外 的 解释 工作 以 区 分 不 同 种 类 的 订阅 者 。 基 于 重新 设计 ( 参见 
3.5.8 5) 的 考虑 ， 我 们 不 会 去 碰 这 种 定价 模型 ， 但 它 确实 会 让 UI 复杂 化 ， 进 而 降低 转化 率 。 
为 一 个 给 予 印刷 版 订阅 用 户 免 费 网 络 版 访问 权 的 理由 很 明显 : 他 们 是 最 有 价值 的 顾客 。 印 
刷 广 告 比 在 线 广告 更 有 效 ， 是 因为 大 开 页 的 布局 有 着 更 强 的 视觉 冲击 力 ， 因 此 ， 报 纸 媒体 应 当 
通过 悉心 照顾 这 些 读者 来 收 励 他 们 继续 订阅 印刷 版 。 至 于 如 何 权 衡 对 印刷 版 订阅 用 户 额 外 收费 
所 产生 的 影响 ( 短期 内 收入 会 增长 ， 但 长 远 来 看 印刷 版 订阅 用 户 数 量 会 下 降 )， 已 经 不 在 本 市 讨 
ie BET. 
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3.5.3 一 种 更 好 的 设计 THE WALL STREET JOURNAL. 


QU AS Va — TRE EY) DT EGER 23 2S ZUR, WBA 
AS EEE AY) vU AMENE. B 3-35 展示 了 我 们 构思 的 《 华 | ， OU 
尔 街 日 报 》 应 用 的 一 个 替代 性 初始 页 面 。 外 
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图 3-35 我 们 建议 对 ( 华 aR 街 日 报 ) WSJ Mobile Reader accounts 
应 用 初始 页 面 所 做 的 重新 设计 








Customer Service 
888.555.1212 





这 一 页 面 消除 了 之 前 讨论 的 糟糕 的 可 用 性 问题 ， 明 确 告 知 当 前 的 订阅 用 户 可 以 使 用 已 有 的 
账号 登录 这 个 应 用 ， 并 且 还 能 做 到 以 下 几 点 。 

W 清楚 地 表明 了 有 3 种 可 能 的 情形 ， 因 为 对 这 些 使 用 情形 不 再 只 是 上 暗示， 而 是 用 白 纸 黑 字 
加 以 注 明 。 

图 将 按钮 并 列 摆 放 ， 置 于 表单 下 方 ， 让 用 户 不 会 仅仅 选择 第 一 个 选项 而 忽略 另 一 个 。( 图 
3-36 和 图 3-37 展示 了 为 什么 其 他 的 摆 放 方式 都 不 够 好 。) 

m 将 工作 流程 进行 了 简化 ， 消 除了 订阅 和 注册 之 间 的 模糊 之 处 ， 也 减少 了 初始 页 面 中 的 选 
项 数量 。 








all AT&T ~ 


all AT&T M-Cell 全 11:05 AM x 


Back Back orchestra Signup 


图 3-36 ( 左 图 ) Snapguide 的 
iPhone 版 应 用 。 另 一 种 流行 的 登 
录 模 式 是 在 屏幕 项 部 显示 登录 和 注 
册 两 个 标签 页 。 大 多 数 用 户 无 论 有 





First 
没有 账号 都 会 立刻 开始 输入 ， 而 不 
会 注意 到 这 两 个 标签 页 Last 
3-37 ( Æ ) Orchestra 的 S 
iPhone 版 应 用 。 那 些 在 屏幕 项 部 — 


放置 提交 按钮 ( 在 这 里 是 注册 按钮 
"Sign Up" ) 的 表单 起 不 到 正常 — 
的 作用 ， 因 为 这 么 做 不 符合 常规 工 
作 流程 。 当 用 户 填 与 完 表 单 后 ， 他 
们 通常 会 直接 点 击 下 方 的 按钮 ， 而 feats sie ae 
不 会 注意 到 页 面 项 部 的 内 容 the Terms of Service 


Tap to change 


Auto-fill from Address Book 
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我 们 还 改变 了 新 订阅 者 所 看 到 的 价格 显示 方式 ， 以 每 年 103.48 美元 代替 了 每 周 1.99 美元 ， 
因为 顾客 的 信用 卡 在 注册 时 是 按照 年 度 划 走 费 用 的 。 当 顾客 以 为 会 被 收费 2 美元 而 实际 却 是 
103 美元 时 ， 就 会 产生 严重 的 负面 体验 ， 这 很 有 可 能 导致 产生 许多 额外 的 电话 投诉 。 

这 样 一 来 ， 第 二 屏 就 可 以 将 更 多 的 精力 集中 在 诱导 新 用 户 购 买 完全 访问 权限 上 ， 而 不 是 受 
限制 权限 。 比 如 ， 这 一 页 面 可 以 解释 订阅 费用 仪 相当 于 每 周 1.99 美元 或 每 天 33 美 分 (《 华尔街 
日 报 》 每 周 只 出 6 版 )。 在 这 里 ， 精 明 的 做 法 是 进行 一 项 AB 测试 ”， 比 较 一 下 在 第 一 屏 里 按 年 
或 按 周 显示 订阅 费用 所 产生 的 效果 差别 。 

虽然 话 是 这 么 说 ， 但 你 只 有 在 按 周 显示 费用 会 让 转化 率 大 增 的 情形 下 才 应 该 转 而 使 用 这 种 
方式 。 如 果 按 周 显示 的 效果 只 是 略 强 一 些 ， 最 好 还 是 选择 按 年 显示 ， 以 避免 因 对 顾客 使 用 这 种 
诱导 转 癌 法 而 使 品牌 形象 遭受 长 远 的 损害 。 

A/B 测试 的 一 大 缺点 是 它 倾向 于 过 度 地 对 用 户 的 初始 行为 进行 短期 关注 。 如 果 你 只 看 点 击 
量 就 很 容易 忽略 设计 改变 所 带 来 的 长 期 影响 ， 这 也 是 我 们 喜欢 以 定性 测试 作为 补充 的 原因 之 一 ， 
因为 后 者 能 更 多 地 洞察 到 用 户 的 想法 。 

在 开始 的 时 候 ， 我 们 想 要 将 初始 页 面 里 的 “电话 订阅 ”(Call to Subscribe) 链接 去 掉 ( 电话 
联系 信息 绝对 应 该 放 在 “详细 信息 ”页 面 )。 我 们 的 猜测 是 ,《 华尔街 日 报 》 因 为 当前 令 人 困惑 
的 设计 会 接 到 许多 要 求 提供 客户 服务 的 电话 ， 一 旦 我 们 给 现 有 订阅 者 指明 了 使 用 方法 ， 并 去 掉 
了 令 新 订阅 者 困惑 的 价格 描述 ， 电 话 数量 应 当 会 又 减 至 目前 的 几 分 之 一 。( 将 客户 服务 支出 前 减 
至 最 低 是 一 项 关键 的 可 用 性 ROI2 指标 。) 

但 是 ,我们 在 新 设计 中 还 是 保留 了 电话 这 一 形式 。 这 是 基于 以 下 两 个 原因 。 

B 我 们 的 测试 显示 愿意 公开 服务 商 的 电话 号 码 是 一 种 很 强 的 可 信 度 标识 ， 能 够 增加 一 种 设 

计 的 说 服 力 。 

m 其 他 一 些 问 题 ， 比 如 密码 过 期 或 信用 卡 被 拒 ， 也 会 促使 客户 打 来 电话 。 公 司 内 部 呼叫 中 
心 的 统计 会 显示 出 这 一 点 ， 但 我 们 手头 上 没有 数据 。 另 外 ， 我 们 的 移动 用 户 体验 调研 也 
显示 ， 许 多 用 户 并 不 情愿 在 智能 手机 里 输入 信用 卡号 码 ， 因 为 感觉 不 像 在 有 线 连 接 里 那 
么 安全 。 这 点 也 许 将 来 会 有 所 改变 ， 但 目前 来 看 移动 商务 最 好 还 是 能 提供 一 种 替代 性 文 
付 渠 道 。 


































































































3.5.4 一 种 新 的 《华尔街 日 报 》 应 用 工作 流程 
最 初 的 《华尔街 日 报 》 应 用 体验 包含 了 两 种 不 同 的 选择 。 
m 新 订阅 者 还 是 现 有 订阅 者 。 
m 付费 的 完全 访问 权限 还 是 免费 的 受 限 访问 权限 。 

















(D A/B 测试 ( A/B test) 是 一 种 在 Web 设计 和 市 场 营销 领域 流行 的 实验 方法 。 实 验 者 将 两 个 存在 某 种 特定 差别 的 相 
似 版 本 提供 给 用 户 ， 观 察 产生 的 效果 差别 以 选择 更 好 的 一 种 。 一 一 译 者 注 

(2? ROI ( Return On Investment， 投 资 回报 率 ) 是 指 通过 投资 而 产生 的 净利 润 与 投资 成 本 之 间 的 比值 ， 用 于 衡量 和 比 
较 各 种 投资 的 效率 。 译 者 注 
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将 这 一 切 都 塞 进 一 个 页 面 是 可 能 的 (如 图 3-38 所 示 ), 但 THE WALL STREET JOURNAL. 
这 会 导致 最 终 UI 对 移动 用 户 而 言 过 于 复杂 且 容 易 出 错 。 \ccess top WSJ.com articles-glo 

我 们 决定 用 一 种 分 两 步 的 工作 流程 代替 。 首 先 ， 将 新 老 用 
户 做 出 区 分 ; 然后 ， 针 对 两 者 各 目的 具体 情况 提供 两 个 专门 设 
计 过 的 页 面 来 进行 处 理 。 
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图 3-38 这 是 J = 种 启 动 Dl I , 为 已 注册 Detailed subscription information 
用 户 提供 快速 通道 ( 我 们 不 推荐 这 一 设计 ， —— 
因为 它 容易 让 新 用 户 犯 错 ) 898.555.1212 





这 种 分 两 步 的 工作 流程 最 明显 的 缺陷 就 是 用 户 每 次 登录 时 神 必 须 经 过 第 二 屏 。 不 过 ， 这 好 
应 用 属于 低 安全 级 别 ， 应 该 可 以 将 登录 信息 储存 在 手机 中 ， 在 此 后 使 用 时 目 动 登录 。 融 安全 级 
别 的 应 用 ， 比 如 网 上 银行 ， 束 不 能 这 么 做 。 不 过 有 人 偷 了 你 的 手机 后 可 以 免费 阅读 手机 报纸 也 
算 不 上 什么 大 损失 。 

图 3-38 展示 了 另 一 种 工作 流程 设计 ， 让 现 有 的 订阅 者 可 以 百 接 在 第 一 屏 里 登录 ， 从 而 避 开 
第 二 屏 。 我 们 抛 痉 了 这 一 设计 ， 因 为 这 会 给 新 用 户 造 成 太 多 的 可 用 性 问题 。 在 无 数 的 测试 中 我 
们 部 见 到 用 户 被 可 输入 文本 框 所 吸引 。 用 户 的 行动 欲望 太 强 ,许多 人 根本 不 会 阅读 文字 或 考虑 
屏幕 中 所 有 的 选项 ， 就 下 奔 那 些 让 他 们 可 以 “做 点 什么 ”的 地 方 。 

理想 情况 下 ， 下 一 步 是 对 新 设计 进行 用 户 测试 。 你 可 以 用 纸 面 原型 进行 测试 ， 这 梓 就 不 需 
要 在 完成 一 球 新 应 用 之 后 再 测试 新 设计 是 否 解 决 了 现 有 设计 的 可 用 性 问题 。 

用 户 测试 通常 会 揭示 出 一 些 人 额外 的 改进 可 能 ,从 而 形成 一 种 更 好 的 设计 。 对 于 这 一 案例 来 说 ， 
将 这 儿 个 初始 页 面 的 新 设计 公开 发 布 之 后 ,《 华 尔 街 日 报 》 应 用 在 应 用 商店 里 的 评分 应 该 会 在 短 
期 内 得 到 提高 ， 因 此 而 增加 的 下 载 量 和 账户 激活 数 就 足以 支付 重新 设计 所 产生 的 费用 了 。 不 过 ， 
最 主要 的 回报 还 是 来 目 于 不 册 油 您 那些 最 忠实 的 顾客 所 市 来 的 长 期 益处 。 


3.5.5 一 年 后 的 新 版 有 进步 


在 我 们 提出 了 之 前 所 讨论 的 新 设计 建议 之 后 ,《 华 尔 街 日 报 》 发 布 了 自己 的 2012 年 度 新 版 
应 用 。 这 个 新 应 用 甚至 比 我 们 提议 的 还 要 更 好 ， 因 为 这 家 新 闻 媒 体 还 改变 了 应 用 内 的 业务 模型 ， 
而 这 点 我 们 没有 做 过 尝试 ， 只 是 单纯 地 设计 了 几 个 新 页 面 。 

这 是 一 个 古老 的 教训 ， 但 值得 再 次 重复 : 真正 出 色 的 用 户 体验 不 仅 依靠 出 色 的 UL 设计。 整 
体 的 用 户 体验 包括 了 用 户 遇 到 的 所 有 事物 ， 而 你 开展 业务 的 方式 是 其 中 重要 的 一 环 。 很 多 时 候 ， 
业务 模型 对 用 户 体 验 的 影响 是 设计 师 无 法 补救 的 ， 如 果 这 些 设计 师 不 能 够 修改 业务 模型 的 话 。 
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工作 流程 设计 





工作 流程 设计 是 应 用 程 
序 可 用 性 的 一 大 重点 。 错 误 的 
工作 流程 很 容易 让 用 户 感 到 
惑 ， 连 使 他 们 犯错 或 丢失 手头 
的 工作 。 

图 3-39 展 示 了 在 Zapd 应 用 
当中 发 布 图 片 到 Web 这 一 工作 
流程 所 存在 的 问题 。 用 户 选 择 
图 片 之 后 就 可 以 对 其 进行 调 
整 ， 但 如 果 他 们 不 喜欢 最 终 的 
效果 ， 就 必须 返回 并 选择 另 一 
张 图 片 ， 而 不 能 重新 修改 原始 
图 片 。 这 一 工作 流程 应 当 允 许 
用 户 检 查 他 们 的 编辑 成 果 并 进 
行 修 改 。 

在 许多 情况 下 ， 更 紧凑 的 
工作 流程 能 市 领 用 户 更 好 地 实 
现 目标 。 但 在 另 一 些 情 况 下 ， 
最 好 还 是 增加 一 些 步骤 ， 以 确 
保 每 一 步 都 是 功能 集中 和 不 言 
自明 的 。 对 可 用 性 来 说 ， 关 键 
不 是 点 击 的 数量 ,而 是 用 户 遵 
受挫 折 的 程度 和 花费 的 时 间 。 
应 用 内 的 页 面 切 换 不 会 有 任何 
延迟 ， 因 此 通常 更 应 该 通过 增 
Ao Hh KR HR SE E238 
反 ， 正 如 之 前 在 3.3 节 讨论 的 那 
样 ， 移 动 网 站 必须 在 增加 步骤 
方面 更 保守 一 些 ， 因 为 每 增加 
一 步 都 会 因为 目前 尚 不 乐观 的 
TOAQAEGR yt OR SS HY RA mM 
本 。 图 3-40 比 较 了 3 种 上 下 文 环 
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9 
Edit Zap Settings 


Tap to view this Zap online 
http://rbscreenshots.zapd.net?mtc4od 
Privacy passcode: mtc4od 


Test site 


0 Comments 


Swipe to the left to delete 














Tap and hold to pick me up 


Text Photo 
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Sp 
Cancel 




















(c) (d) 


3-39 Zapd 的 iPhone 版 应 用 。 发 布 图 片 的 工作 流程 存在 缺陷 
(a) 首先 ， 用 户 可 以 轻 触 屏 幕 底部 的 “照片 ” ( Photo ) 按钮 ，(b) 然 
后 可 以 拍 一 张 照 片 或 从 照片 库 里 选择 一 张 ; (c) 接 下 去 可 以 移动 和 缩 
放 这 张 图 片 ，( d ) 后 续 页 面 显示 了 之 前 移动 和 缩放 操作 的 结果 。 如 
果 用 户 对 其 不 满意 并 点 击 了 “取消 ” (Cancel) 按钮 ， 就 必须 重新 拍 
一 张 照 片 ， 或 者 再 次 从 照片 库 里 找到 这 张 图 片 


境 里 的 结账 流程 。 沃 尔 玛 ( Walmart， 见 图 3-40a 至 c ) 要 求 用 户 在 单独 的 页 面 里 分 别 填 写 运 
送 方 式 、 运 送 地 址 和 账单 寄 送 地 址 ， 之 后 还 会 有 第 四 张 页 面 显示 订单 概览 让 用 户 确认 。 
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与 之 相对 的 是 Nordstrom 应 用 ( 图 3-40d ) ， 它 将 这 些 步 又 压缩 到 了 两 个 : 第 一 步 填写 账单 和 
送信 息 ， 第 二 步 则 是 支付 和 订单 概览 。 在 Web 上 ， 完 成 一 张 表单 所 需要 的 步骤 越 少 越 好 。 

在 这 一 过 程 中 ， 用 户 的 输入 体验 有 可 能 在 任何 一 步 被 中 断 ， 额 外 的 页 面 经 常 意味 着 
额外 的 等 待 时 间 。 与 之 相对 ， 像 Zappos( 图 3-40e ) 这 样 的 应 用 就 可 以 把 结账 流程 分 为 多 
屏 ， 让 用 户 在 不 同 的 页 面 里 填写 运送 地 址 和 选择 运送 方式 ， 前 提 是 页 面 之 间 的 过 渡 是 流畅 
的 ， 并 且 应 用 能 够 保存 当前 状态 (也 就 是 说 ， 如 果 用 户 临 时 有 事 离 开 ， 他 们 已 经 输入 的 信 
息 能 够 保留 在 应 用 当中 ) 。 


Cart | Shipping Options 
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国 mobile.walmart.com/m/f 





Cart | Add Credit Card 
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Select a shipping method for each product Card Number 


Cart | Add Address 

















Ez 
€. Evenflo - Discovery 5 Infant Car Seat, Enter a new shipping address 一 
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Standard \ \ 





Arrives by Thursday, May 17, 2012 








Choose a billing address 
Expedited 


Arrives by Wednesday, May 16, 2012 





@ 955 cambridge ave 
sunnyvale, CA 94087 


Rush : 
t State y dd 
Arrives by Monday, May 14, 2012 } | l | © Enter new address 


Continue Continue 
Full Site | Feedback | Terms of Use | Sign Out 


* Free Shipping with Site to Store® 
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util AT&T M-Cell @ 1:52 PM 3 me 
Secure Checkout CHECKOUT 
sign-in » addresses = x 
Shipping Speed 
- 1-Business Day Shipping > 
Contact Information $0.00 
We require an e-mail address and phone number so we ] s 
can communicate with you about your order. We never Shipping Address 
share this information with anyone else. Please select an address. > 
Nordstrom.com Privacy Policy 
E-mail Address 
Confirm E-mail 
SUBTOTAL (1 ITEM): $155.00 
NEXT DAY SHIPPING: $0.00 
TAX: 0.00 LE 
Phone Number a sone 图 3-40 2H 账 的 又 a ES C ) 
GRAND TOTAL: $155.00 沃尔玛 的 移动 网 站 ( m.walmart. 
4 | Yes! Send me e-mail updates from Nordstrom.com. . 人 47 
What's in fashion? Be the first to know about the SUBMIT MY ORDER com ) ( d ) Nordstrom 的 移 
latest trends, products and promotions online and in store. 一 ES 
REF. 动 网 站 ( m.nordstrom.com ) ; 
Cart ( e) Zappos 的 iPhone 版 应 用 
Billing Address 











(d) 
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76 $33 为 小 屏幕 设计 





图 3-41 展示 了 用 户 在 下 载 新 版 《华尔街 日 报 》 应 用 后 第 一 次 局 动 时 会 看 到 的 3 NER A 

一 个 页 面 显 示 了 一 些 真 实 的 新 闻 ， 让 用 户 相 信 这 的 确 是 一 球 新 闻 媒 体 应 用 。 这 种 将 用 户 直 接 雄 

露 于 应 用 中 有 用 部 分 的 方式 更 好 ， 它 避免 了 在 用 户 还 不 知道 应 用 是 好 是 坏 的 时 候 就 必须 面 对 一 
个 前 置 的 要 求 注册 页 面 。 

EC WA STREET JOURNAL $ee 3 SUBSCRIBER CONTENT PREVIEW Back THE WALL STREET JOURNAL 
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Global Market News, Analysis and Commentary 
Follow @marketwatch 
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(a) (b) (c) 
图 3-41 (a) B(c) 华尔街 日 报 2012 版 的 iPhone 应 用 对 工作 流程 进行 的 修改 经 历 了 一 年 的 苦难 ， 
问题 终于 被 修复 了 

第 一 屏 用 了 钥匙 形状 的 图 标 指 代 那 些 “ 锁 定 ” 的 、 只 对 付费 订阅 者 开放 的 文章。 请 注意 有 
些 文章 是 对 所 有 人 都 免费 开放 的 。 在 新 版 应 用 中 ， 用 户 无 须 注 册 束 能 阅读 那些 免费 的 文章 。 这 
就 让 一 键 阅 读 实 际 文 草 内 容 (没有 在 图 中 显示 ) 成 为 了 可 能 ， 因 而 进一步 增加 了 时 效 性 价值 。 
在 阅读 了 儿 篇 免费 文 草 之后， 用 户 应 该 会 相信 这 球 应 用 的 确 包 含 了 真正 的 《华尔街 日 报 》 内 容 ， 
继而 决定 是 否 愿意 成 为 付费 用 户 。 

如 采用 户 点 击 了 一 篇 锁定 的 文章 ， 第 二 屏 会 出 现在 他 们 面前 。 它 包含 了 文 草 的 简短 摘要 和 
一 个 巨大 的 登录 按钮 。 摘 要 能 帮助 用 户 判 断 这 篇 文章 是 否 真 的 值得 花费 额外 精力 去 登录 。 许 多 
应 用 过 于 目 做 ， 不 愿 帮 助 用 户 做 判断 ， 但 这 种 假设 所 有 人 都 迫切 需要 你 的 信息 、 在 对 前 方 有 什 
么 一 无 所 知 的 情况 下 也 愿意 继续 花 灾 精力 的 想法 ， 经 背 只 会 市 来 反作用 。 

然后 , 愿意 登录 的 用 户 将 会 看 到 第 三 屏 , 里 面 清楚 说 明了 如 何 使 用 现 有 账户 进行 登录 。 不 过 ， 
如 果 你 没有 账户 就 可 能 不 太 明 日 该 怎么 做 ,估计 得 访问 网 站 ， 在 那里 付费 。 

新 的 工作 流程 为 两 类 人 群 进行 了 优化 : 有 付费 账户 的 人 和 那些 不 愿意 花 钱 只 想 看 看 能 免费 
获得 多 少 东 西 的 吃 白 食 者 ( freeloader )。 但 是 ， 这 一 设计 对 那些 愿意 付费 但 尚未 成 为 订阅 者 的 人 
来 说 就 不 太 好 用 ,这 算是 一 个 好 设计 吗 ?” 我 们 不 好 判断 ,因为 不 知道 上 述 每 类 人 群 各 上 自 有 和 多少 人 。 
但 《华尔街 日 报 》 的 付费 订阅 者 据 信 主要 是 印刷 版 订阅 用 户 和 坐 在 办 公 室 里 注册 登录 网 站 的 人 ， 
因此 有 理由 相信 这 一 新 设计 会 给 这 家 企业 市 来 非常 好 的 收益 。 

可 以 肯定 的 是 ， 用 户 喜 欢 这 个 新 设计 。 新 版 应 用 在 笠 末 应 用 商店 里 得 到 了 3 颗 半 星 的 评分 ， 
相 比 旧版 可 怜 的 2 颗 星 可 以 算是 巨大 的 进步 了 。 

用 户 们 没有 给 出 更 高 评分 的 原因 主要 是 一 些 人 不 喜欢 里 面 的 广告 ， 这 是 业务 模型 会 影响 用 
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第 4 章 移动 写作 





我 们 进行 了 许多 次 用 户 调研 ， 观 察 人 们 是 如 何 
ER 
应 用 和 电子 邮件 列表 ( email newsletter )。 无 论 采 用 
哪 种 形式 ， 有 一 种 元 素 是 必 不 可 少 的 : 注意 力 焦点 。 


MR, MUS R27 mtu aA. 但 
下 面 这 一 点 是 移动 内 容 可 用 性 中 最 主要 的 原则 : 4 
你 为 移动 用 户 与 作 时 ， 要 将 他 们 的 注意 力 集中 到 关 
键 的 内 容 上 。 
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加 108%。 当 你 像 透 过 门 颖 一 样 阅读 时 ， 对 内 容 的 理解 力 就 会 降低 ， 这 是 因为 可 见 的 上 下 文 信息 
非常 有 限 。 你 能 看 到 的 越 少 ， 必 须 记 忆 的 就 越 多 ， 而 人 类 的 短期 记忆 力 是 出 了 名 地 不 稳定 。 


4.1 移动 内 容 的 难度 翻 借 


加 拿 大 阿尔 伯 塔 大 学 的 R.I. Singh 和 同事 们 所 做 的 人 研究 表明 ， 在 小 屏 萌 上 阅读 时 ， 理 解 复 末 
AAS AIMEE 

Singh 和 同事 们 进行 了 一 次 完 形 填空 测试 ， 测 试 对 象 是 10 大 流行 网 站 (eBay, Facebook, 
Google、Myspace 、Orkut、WindowsLive、YouTube、 和 微软、 雅虎 和 维基 百科 ) 的 隐私 条 款 。 

我 们 简单 分 析 了 一 下 Facebook 的 隐私 条 球 ， 发 现 它 具有 以 下 几 个 特点 。 

图 包含 5789 个 单词 ， 这 是 用 户 访 问 网 页 时 平均 阅读 量 的 35 倍 。 

m 闵 读 难度 达到 美国 13 年 级 学 生 的 阅读 水 平 ， 因 此 只 有 那些 至 少 上 过 一 年 大 学 的 人 才 会 觉 
得 这 段 文字 容易 阅读 。 

B 为 Web 阅读 精心 编排 了 版 式 ， 包 括 较 好 地 使 用 了 标题 、 无 序列 表 和 高 亮 关键 词 以 符合 
Web 写作 的 原则 。( 不过， 这 些 原则 也 提倡 在 面 加 广大 消费 者 而 非 哈佛 大 学 学 生 时 应 使 用 
短小 的 文本 和 8 年 级 的 阅 旋 难 度 。) 

因此 ,在 任何 情况 下 这 些 隐 私 条 区 都 训 无 疑问 算是 复杂 的 Web 内 容 。 

在 Singh 的 调研 中 ，50 名 受 试 者 分 别 在 桌面 或 iPhone AY) AY sere E BS Be FRE ESURA ZG 

并 完成 了 完 形 填空 测试 。 








调研 结果 如 下 : 





B 吕 面 端 屏 幕 。 理 解 能 力 得 分 是 39.18%。 
W 移动 端 屏 幕 。 理 解 能 力 得 分 是 18.93%. 

文本 的 测试 得 分 必须 至 少 达 到 60%， 文 本 才能 被 看 作 是 易于 阅读 的 。 即 使 是 在 果 面 屏 厅 上 
进行 阅读 ， 用 户 也 只 达到 了 预期 理解 水 平 的 三 分 之 二 ， 这 表明 隐私 条 款 确实 过 于 复杂 了 。 
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完 形 填空 测试 


完 形 填空 是 一 种 常用 的 实践 性 理解 能 力 测试 。 它 的 实施 步骤 
oP Es 
(D) 将 文本 中 的 所 有 第 NN 个 单词 替换 成 空格 ( 即 每 隔 N-1 个 单词 
就 替换 一 个 空格 ) 。 在 一 般 的 测试 里 N=6， 也 可 以 通过 增 大 N 的 值 
ILM IA RAF LEY 9, 
(2) 请 受 试 者 阅读 修改 后 的 文本 ， 并 在 空格 里 填 上 他 们 认为 最 
有 可 能 是 原文 的 单词 ， 且 每 个 人 都 应 当 独 立 完 成 。 
(3) 被 猿 对 的 单词 比例 就 是 最 后 的 得 分 。 因 为 测试 的 是 理解 水 
平 而 不 是 拼写 能 力 ， 所 以 允许 出 现 同义词 和 错别字 。 
如 果 用 户 平 均 能 猜 对 至 少 60% 的 单词 ， 就 可 以 认定 这 段 文 字 对 
于 招募 来 的 属于 特定 用 户 人 群 的 受 试 者 而 言 是 比较 容 男 理解 的 。 可 
读 性 分 数 和 理解 水 平分 数 有 如 下 明显 的 区 别 。 
图 可 读 性 是 文本 的 内 在 属性 ， 可 以 用 于 预测 能 较为 顺利 地 阅 
读 内 容 所 需 的 教育 水 平 。 
W 理解 水 平 是 文本 和 特定 用 户 群 体 的 共有 属性 ， 可 以 表明 目 
标 受 众 是 否 能 真正 理解 材料 的 意思 。 
下 面 这 个 例子 使 用 了 Facebook 隐 私 条 款 中 摘录 的 一 段 文 宁 : 
Site activity information. We keep {1} of some of the actions 
(21 | take on Facebook, such as {13} . connections (includ- 


ing joining a group {4} adding a friend), creating a {5} 


album, sending a gift, poking {6} user, indicating you "like" a 


{7}_ „attending an event, or connecting {8} an application. In 
some cases {9}  aarealso taking an action (10) you provide 
information or content (11) 1 us. For example, if you {12} ___— 
a video, in addition to (13) the actual content you uploaded, 
(14) |  mightlogthefactthat (15) — shared it. 

(答案 在 下 文 。) 

完整 版 文本 ( 即 插 入 空格 之 前 ) 的 评分 是 14 年 级 学 生 的 阅读 水 
平 ， 相 当 于 读 了 两 年 大 学 。 因 此 ， 如 果 你 是 个 典型 的 聪明 且 受 过 大 
学 教育 的 读者 ， 你 多 半 能 够 理解 这 段 文 字 并 完成 完 形 填空 测试 。 不 
过 ， 这 仍然 超过 了 众多 Facebook 年 轻 用 户 所 需 达 到 的 阅读 水 平 。 大 
多 数 青 少年 需要 更 加 浅显 荔 读 的 文本 ， 即 使 是 大 学 生 在 上 网 时 也 偏 
爱 低 于 大 学 水 平 的 文本 ， 所 以 休闲 网 站 不 应 该 有 教科 书 的 感觉 。 
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形 填 空 测试 的 答案 ( 不 要 偷 看 ) 


如 果 你 想 试 试 独立 完成 前 面 的 完 形 填空 测试 ， 就 别 偷 看 这 里 的 答案 。 以 下 是 从 示例 段 
落 中 去 掉 的 单词 : 

{1} track {6} another {11} to 

{2} you {7} post {12} share 

{3} adding {8} with {13} storing 


{4} or {9} you {14} we 

{5} photo {10} when {15} you 

你 至 少 猜 对 了 9 个 单词 (对 应 60% ) 吗 ? 如 果 是 ， 你 多 半 能 轻松 地 理解 这 段 完整 的 文 
本 。 如 果 你 的 得 分 较 低 ， 那 并 不 说 明 你 很 条 或 文本 写 得 太 紧 闫 ， eee 你 缺乏 对 
Facebook #7 X 4n iK «TRE. ike, Bia) "JA" (poking) 一 般 来 说 很 容 萄 理解 ， 但 它 在 
Facebook 隐 私 条 款 中 的 意思 是 除 用 户外 的 其 他 人 完全 无 法 理解 的 (这 没什么 ， 因 为 任何 给 
定 的 文本 只 需要 被 目标 受众 理解 就 行 了 ) 。 





为 什么 移动 阅读 富有 挑战 性 


在 完 形 填空 测试 中 ， 用 iPhone 斥 才 的 屏 戎 阅读 的 用 户 的 理解 水 平 得 分 只 有 蝎 面 端的 4896. 
也 就 是 说 ， 在 小 屏幕 中 阅 旋 并 理解 复杂 内 容 的 难度 会 大 致 加 倍 。 
这 是 为 什么 呢 ? 在 这 个 案例 中 ， 人 们 只 阅读 了 一 页 信息 ， 而 且 这 一 页 还 是 作为 调研 的 一 部 
分 展示 给 他 们 的 ， 不 用 他 们 自己 去 找 。 因 此 ， 导 航 障碍 或 其 他 用 户 界面 问题 是 无 法 解释 这 种 难 
度 的 增加 的 。 此 外 ， 用 户 是 在 实验 室 里 接受 测试 的 ， 因 此 不 存在 融 痢 手机 到 处 走动 或 被 噪 首 等 
环境 因素 干扰 的 问题 。( 在 真实 世界 中 ， 这 些 对 用 户 体验 的 干扰 和 破坏 会 进一步 降低 人 们 在 实际 
使 用 环境 下 对 手机 内 容 的 理解 能 力 。) 
所 以 ， 移动 得 分 低 于 加 面 得 分 的 唯一 原因 是 屏 俑 尺寸 ， 因 为 它 是 调研 环境 里 唯一 存在 区 别 
的 因素 。 
屏幕 变 小 会 降低 理解 水 平 ， 这 有 以 下 两 个 原因 。 
B 用 户 在 任何 给 定时 刻 都 只 能 看 到 更 少 的 内 容 。 因 此 ， 当 他 们 试图 理解 在 可 视 区 域 里 未 被 
完全 解释 的 事物 时 ， 就 必须 依赖 高 度 易 错 的 记忆 力 。 更 少 的 上 下 文章 味 着 更 低 的 理解 度 。 
E 用 户 必须 在 页 面 中 更 多 地 进行 移动 。 他 们 不 容易 扫 视 整个 文本 ， 而 需要 滚动 页 面 以 找到 
内 容 的 其 他 相关 部 分 。 
eae 带 来 以 下 3 个 问题 。 
它 需 要 更 多 时 间 ， 因 此 会 降低 记忆 力 。 
B 它 将 注意 力 从 手头 的 问题 转移 到 了 寻找 页 面 内 所 需 部 分 这 一 次 级 任务 上 。 
B 它 导 致 了 新 间 题 的 出 现 ， 即 需要 重新 找到 之 前 的 页 面 位 置 。 
在 图 4-1 里 可 以 看 到 How Stuff Works 应 用 内 的 一 篇 文章 。 这 篇 文章 横路 , JP RGB 
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4-1 How Stuff Works 的 „ill AT&T M-Cell 4G 2:26 PM 4 X =) sil AT&T M-Cell 4G 2:26 PM 7 3 ob 
iPhone 版 应 用 。 (a) 照相 机 各 When you take a picture with a film 
x camera, four basic steps happen in an 
个 部 件 的 结构 图 。 (b) 用 图 中 Holograms and Photographs asant PSP 
的 部 件 解 释 照 相机 是 如 何 工 作 
rc How Cameras Work Basic Mechanism A shutter opens. 
的 。 用 户 必须 返回 查看 结构 图 才 | \ ipa E 
" ight passes through a lens an Its the 
Ab SE 
能 理解 文中 的 解释 photographic emulsion on a piece of film. 
A light-sensitive compound called silver 
halide reacts with the light, recording its 
2 amplitude, or intensity, as it reflects off of the 
scene in front of you. 
ES | The shutter closes. 
You can make lots of changes to this 
process, like how far the shutter opens, 
how much the lens magnifies the scene 
and how much extra light you add to the 
mix. But no matter what changes you 
Related Articles make, the four basic steps are still the 
» How Light Works same. In addition, regardless of 
Se changes to the setup, the resulting 
picture is still simply a recording of the 
» How Kaleidoscopes Work ; ; ; 
(a) (b) 
4-2 Lonely Planet 的 iPhone alll AT&T 4G 
会 国定 显示 文章 的 标题 
版 应 用 会 固定 显示 文章 的 标题 , A Amsterdam 


从 而 减 小 了 实际 屏幕 空间 













Hello Amsterdam 


MIDI VUJ: 





Queen's Day, in April, reigns as the 
world's biggest party-cum-garage sale. 
In summer the Holland Festival, Roots 
Music Festival, Gay Pride Parade and 
many more events take over streets and 
stages. Actually, Amsterdam parties any 
time of year, rain or shine. Pack an 


umbrella, and you're good to go. 


City Life 








BA NBEREA BR ER EZKAE, MURER Pe, PEELE 
充斥 着 不 必要 或 兄 余 的 信息 。 举 个 例子 ，Lonely Planet ( 图 4-2) 选择 将 文章 的 标题 固定 显示 , 
这 样 做 减 小 了 实际 屏 龙 空间 ， 却 并 没有 给 用 户 币 来 额外 的 价值 。 虽然 这 在 电子 商务 应 用 中 通 常 
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是 推 厦 做 法 (“现在 购买 ”按钮 需要 一 下 保持 可 见 ， 因 为 用 户 在 浏览 产品 信息 时 可 能 会 随时 决定 
购买 ， 见 本 草 后 面 的 图 4-11 和 图 4-12 )， 但 对 旅游 指南 信息 来 说 则 完全 没有 必要 。 更 充 唐 的 是 ， 
像 “ 你 好 ， 阿 姆 斯 特 丹 ”( Hello, Amsterdam ) 这 样 的 标题 实在 是 空洞 无 物 。( 为 请 参阅 附录 里 图 
A-1 的 例子 ， 了 解 我 们 是 如 何在 遥远 的 2000 年 发 现 这 一 移动 设计 原则 的 。) 

因为 移动 设备 会 增加 理解 难度 ， 所 以 移动 内 容 必 须 是 易于 阅读 和 扫 视 的 。 应 当 让 内 容 编 辑 
得 下 接 而 简明 ， 并 将 版 式 调整 得 适合 用 户 扫 视 ， 以 取代 了 迁 回 婉转 、 华 而 不 实 的 写作 方式 。 

让 我 们 看 一 些 写作 和 版 式 的 例子 ， 这 些 例 子 有 好 有 坏 。 在 图 4-3 中 ，Teavana 应 用 使 用 了 大 
量 不 必要 的 文字 ， 并 且 版 式 粗糙 ， 问 题 不 少 。 健 康信 息 ( Health Info ) 这 一 段落 缺少 标点 符号 ， 
并 有 之 前 的 FTGOP-2(SPECIAL) 对 用 户 来 说 毫 无 意义 。 

HZ H5, OSHA (图 4-4 ) 应 用 这 种 简明 可 扫 视 的 移动 写作 方式 值得 念 赞 : 紧急 状况 信息 
应 该 注重 快速 阅读 并 且 容 多 理解 ， 图 中 的 无 序列 表 和 关键 词 对 此 起 了 积极 作用 。 不 过 插图 更 像 
是 痛 饰 性 的 ， 用 户 不 太 可 能 依 此 识别 相应 的 症状 。 

4-3 ( 左 图 )  Teavana 的 iPhone mil AT&T 4G 5:11 PM 

版 应 用 : 介绍 茶叶 的 页 面 。 介 绍 的 BlackTeas Assam Gold Ra... y7 
ERREKIE, AAR 
话 都 使 用 了 多 个 从 句 ， 并 且 有 许多 






































5 


SHA Heat Safety Tool Cy 





Heat Illness: Signs and Symptoms 





Illness Symptoms 

形容 词 。 男 外 ， 版 式 也 有 问题 | 
Heat stroke — * Red, hot, dry skin or excessive 
First Aid sweating 


4-4 (AR) OSHA & Android 
版 热 防护 工具 (Heat Safety Tool ) 









“Very high body temperature 
* Confusion 
下 * Seizures 
a * Faintin 
Assam Gold Rain Black Tea 3 
Hailing from the finest estates in India's famed ] . 
Assam region, this is the gold standard of smooth Heat . * Cool, moist skin 
malty teas with a red wine finish. Tippy leaves yield a exhaustion * Heavy sweating 
rich coppery cup, plucked fresh from India's high First Aid * Headache 


misty mountains. FTGFOP-2(SPECIAL) - Nausea or vomiting 





Health Info 。 Dizziness 
| Energy-boosting & great morning or afternoon * Light headedness 
teaMay help promote heart healthAs part of a diet * Weakness 


program, may help maintain healthy cardiovascular & * Thirst 









circulatory health systemsBlack tea is frequently + Irritability 
referred to as a 'superfood'Contains 20% of the 
e inae y» * Fast heart beat 





Lus 








Tea Touch 


More Info 








总 的 来 说 ， 无 序列 表 让 信息 更 具 可 扫 视 性 (1 4-5), TE Recalls.gov 应 用 中 (图 4-5a), fi 
息 是 容易 阅读 的 要 点 都 被 加 粗 ,能 吸引 眼球。 而 它 使 用 屏幕 顶部 返回 previous IBIZE next" 
按钮 进行 页 面 导 航 的 方法 就 值得 商 椎 了 ， 因 为 返回 和 前 进 属 于 低 信息 气味 的 标签 。) 不 过 ， 列 表 
项 之 间 的 间 阳 过 大 会 让 页 面 看 上 去 结构 松散 ， 例 如 图 4-5b 里 的 HSN 应 用 。 男 外 ， 无 边框 表格 
这 种 版 式 让 用 户 难 以 将 列表 项 和 描述 一 一 对 应 起 来 。 最 后 ， 第 一 个 蓝 色 句子 下 方 的 品牌 介绍 完 
全 没有 必要 出 现在 移动 端 ， 因 为 它 并 没有 将 焦点 集中 在 产品 的 细 和 上 上。 品牌 信息 更 适合 被 放置 
在 次 级 页 面 中 。 
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4-5 无 序列 表 让 小 小 的 页 面 








Sm i — a 
更 具 可 扫 sy ME. ( a ) Recalls.gov About — Recalls.gov HSN 139-993 
的 Android 版 应 FA; (b) HSN Tips — 
ecalls v . - zB " à 
& Android 版 应 用 B. "Best in Black” Embellished Ponte 
4 previous next» Tiana B. brings you the ultimate in feminine 
NUV tanoam vil mv, pet u a ue oF! my apparel, from flirty after-work dresses to 
and summer. And they are preventable with some boardroom basics and all styles in between. To 


simple childproofing measures such as the 


following: find comfortable fabrics with romantic details, 


you'll be hard-pressed to find a more profound 
e Install window guards to prevent children statement. 
from falling out of windows. 
Tiana B. Best in Black Embellished Ponte Dress 
For windows on the 6th floor and below, 


install window guards that adults and older Details 
children can open easily in case of a fire. 


e If you don't use window guards, install and . . Solid black 
use window stops so that windows open no e Fabrication: ponte knit 
more than 4 inches. 
Whether opening windows from the bottom, . Goldtone 
top, or side, openings should never exceed 4 e Print: beaded 
inches with children present. embellishment 


e Move furniture, including cribs and beds, 
away from windows to discourage children $ Style: Pullover 
from climbing near windows. 


Use extra caution on windows next to 

















window seats where children may climb and e Neckline: Round 
play. 
e Sleeves: Cap 
(a) (b) 


4.2 ”有 疑虑 ， 就 别 放 进去 


我 们 对 用 户 如 何在 移动 设备 上 进行 阅读 的 研究 显示 出 了 一 种 矛盾 的 现象 。 
B 打发 时 间 是 移动 应 用 的 杀手 铜 。 我 们 从 2000 年 进行 的 第 一 次 移动 可 用 性 调研 开始 就 观察 
到 ， 打 发 时 间 是 移动 设备 的 最 佳 拍档 ， 因 为 它们 在 用 户 无 聊 地 等 竺 时 随时 可 以 使 用 。 最 
受 欢 迎 的 时 间 消 麻 方 式 包 括 八 卦 、 洲 戏 和 体育 。 但 即使 是 一 些 看 上 去 很 严肃 的 任务 ， 比 
如 查看 股市 指数 ， 也 常常 不 过 是 为 一 种 打发 时 间 的 方法 。 用 户 只 是 查看 当前 指数 ， 并 无 
意 进 行 交 易 。 
图 移动 用 户 都 很 人 性， 对 那些 浪费 他 们 时 间 的 蚂 开 网 站 会 表现 出 明显 的 异 怒 。 而 且 因 为 在 小 
小 的 移动 屏 医 上 理解 内 容 要 比 在 更 大 的 和 对面 屏幕 上 难度 加 倍 ， 所 以 那些 字数 过 多 的 内 容 
会 让 用 户 更 加 不 满 。 
人 们 脏 么 会 既 想 打发 时 间 又 在 时 间 被 浪费 时 感到 异 怒 呢 ?” 嗯 ， 后 面 我 们 就 来 解 开 这 个 恋 题 。 
解 谜 的 关键 在 于 认识 到 ， 就 算是 休闲 放松 这 样 的 行为 也 是 市 有 目的 性 的 : 根据 信息 疯 食 理 
论 (参见 第 3 草 附 注 栏 “信息 气味 ”的 内 容 )， 用 户 想 让 目 己 的 成 本 /收益 比 最 高 。 也 就 是 说 ， 
人 们 想 以 最 少 的 交互 成 本 获得 最 多 的 乐趣 。 


4.2.1 填料 = 垃圾 
不 洱 的 是 ， 移 动 剖 的 交互 成 本 大生 就 局 一 些 ， 因 此 移动 内 容 的 焦点 需要 比 加 面 端的 网 站 内 
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容 更 加 集中 。 图 4-6 展示 了 我 们 某 项 调研 里 的 一 个 典型 例子 。 

一 名 测试 用 户 在 阅读 一 篇 关于 龙卷风 的 “ 突 发 新 闻 ” 文 草 时 发 现 里 面 有 当地 人 的 评论 ， 于 
是 她 说 :“ 我 不 需要 知道 每 个 人 都 在 说 什么 ， 或 者 在 他 们 看 来 这 一 事件 是 怎样 的 。 我 不 介意 里 头 
引用 一 名 当地 领袖 的 言论 ， 但 现在 的 这 些 对 我 来 说 都 只 “是 填料 ， —— i 

beri: | ora 这 大 繁杂 了 。 应 该 这 刚才 发 生 了 什么 什么 事 ， 
现在 的 状况 是 怎 么 样 的 。 

Je 
用 户 不 愿 纠缠 于 额外 或 次 要 的 文字 ， 特 别 是 在 那些 为 快速 信息 消费 而 设计 的 移动 应 用 上 。 他 们 

只 想 了 解 事件 要 点 。 

















， 我 们 会 直接 截取 网 站 或 应 用 的 屏幕 截图 ， 不 过 在 这 个 CNN 案 例 中 ， 当 我 们 完成 
调研 时 这 篇 文章 已 经 在 应 用 里 消失 了 。 所 以 ， 录制 高 质量 的 视频 资料 成 为 一 种 安全 的 备份 
施 ， 但 在 移动 调研 里 使 用 这 种 方法 比 传统 PC 用 户 测试 要 麻烦 一 些 。 


公平 地 说 ，CNN 在 我 们 测试 之 后 对 应 用 稍稍 做 了 一 些 修 改 。 现 在 的 版 本 在 文章 开头 处 放置 
了 一 段 摘 要 或 者 说 “新 闻 完 点 ”， 增 加 了 文章 的 可 扫 视 性 《图 4-7 )。 虽 然 它 仍然 没有 修复 信息 填 
料 的 问题 , 但 至 少 能 让 用 户 更 容易 找到 文 草 的 要 点 了 。 

















4-6 ( ER) 在 调研 参与 
者 手机 上 显示 的 CNN 的 新 闻 
应 用 ， 这 张 照片 是 我 们 在 可 用 
性 调研 中 所 录制 的 视频 资料 中 
的 一 由 


Headlines 


12:01PM EDT, Fri May 11, 2012 


Headlines 


图 4-7 (AR) CNN 的 新 版 
Android 应 用 ， 新 闻 要 点 以 摘 
要 的 形式 出 现在 文章 的 开头 


AF PAR HOTO/ INDONESIAN] AIR] FORCE 


Teams comb wreckage of 
Russian jet 


e Recovery efforts are hampered by high elevation and 
bad weather 


e Rescuers have found 12 bodies so far 


By the CNN Wire! 


Jakarta, Indonesia (CNN) — Bad weather hampered 
recovery efforts Friday as rescue teams combed a 








forbidding slope of an Indonesian mountain where a 
Russian jetliner crashed on a demonstration flight 
this week. 
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你 可 能 会 问 : 为 什么 人 们 针对 某 个 话题 获取 了 想 要 的 信息 之 后 不 蕊 上 集 止 阅读 呢 ” 没 错 ， 
用 户 的 确 会 中 断 阅读 ， 也 会 很 快 离开 网 站 ， 但 他 们 仍然 会 不 目 沉 地 被 文字 所 吸引 ， 并 且 时 稼 不 
求 其 解 地 过 度 浏览 。 然 后 ， 他 们 会 感觉 目 己 被 号 弄 了 ， 因 为 花费 了 不 少 宝 员 时 间 却 没有 得 到 足 
We ZY [Al Fhe o 
解决 方法 有 以 下 两 种 。 
B 半 减 无 用 信息 ， 特 别 是 文 曹 作者 在 触及 实际 内 容 之 前 不 可 避免 会 放置 在 页 面 开 头 的 废话 。 
-种 民 好 的 实践 是 直接 将 第 一 段 删除 ， 看 看 离 了 它 页 面 古 否 同样 可 用 。 如 果 是 ， 就 这 人 么 
好 了 ， 别 再 按 撤 销 按钮 了 。 
图 将 背景 材料 移 至 次 级 页 面 ， 只 提供 给 那些 明确 请 求 更 多 信息 的 用 户 。 这 些 和 额外 内 容 适 合 
那些 有 空余 时 间或 对 此 语感 特 别 层 兴趣 的 用 户 。 
当 你 为 移动 用 户 写作 时 ， 请 铭记 这 条 准则 : 有 疑虑 ， 就 别 放 进 去 。 
弃 废 话 文本 
在 许多 Web 页 面 的 顶部 都 能 找到 一 段 留 下 某 些 引导 性 文字 是 合理 的 ， 它 们 
或 几 段 引导 性 的 文字 ， 我 们 称 之 为 废话 文 48 Bhi MM To, ， 从 而 告诉 读者 : 
本 ， 即 用 户 浏览 页 面 时 基本 上 会 跳 过 的 一 
段 文 字 。 他 们 的 眼球 会 直接 定格 在 更 有 用 Ed HERB KENRIENMS 
的 内 容 上 ， 比 如 产品 功能 、 无 序列 表 或 超 面 余 下 部 分 的 内 容 。 即 使 他 们 在 一 开始 就 
文本 链接 。 跳 过 了 它 ， 之 后 也 可 能 会 回来 ， 前 提 是 这 
Jk SIE E TG A ot AR AP ES HME 段 文 字 不 是 又 长 又 密 看 起 来 吓人 的 那 种 。 
用 、 纯 属 填料 的 文字 ,例如 这 样 的 陈 词 小 如 果 能 让 这 些 文字 保持 简短 ， 一 点 点 废话 
调 : “欢迎 访问 我 们 的 网 站 ， ue 还 真有 可 能 起 到 作用 。 所 以 ， 最 好 控制 一 
进 过 的 新 设计 能 给 你 带 来 帮助 。 下 初稿 里 的 宣传 用 语 ， 专 心 回答 以 下 两 个 
要 直击 要 点 ， 不 要 在 欢迎 上 浪费 时 间 。 问题 。 
对 引导 性 段落 努力 编辑 加 工 可 能 算是 SEM 中 能 找到 些 什 
个 好 建议 ， 但 为 什么 不 干脆 把 它们 全 都 去 ， 也 就 是 说 ， 页 面 的 功能 是 什么 ?) 
掉 呢 ? 单 是 精简 文字 这 种 解决 方法 看 起 来 a ron A? (他 们 为 什么 要 关注 ， 也 
力度 不 够 。 就 是 说 ， 对 他 们 有 什么 好 处 ? ) 



































42.2 老 词 汇 是 最 好 的 


“说 用 户 能 听 民 的话” 这 条 基本 的 可 用 性 原则 已 经 存在 20 多 年 了 。Web 是 一 种 语言 
这 一 事实 更 凸显 了 使 用 正确 词汇 的 重要 性 。 

此 外 ， 移 动用 户 正 越 来 越 以 搜索 为 中 心 。 人 们 发 现 新 网 站 以 及 在 网 站 或 局 域 网 中 找到 特定 
网 页 所 依 徘 的 就 是 搜索 。 除 非 你 处 于 第 一 张 SERP (search engine results page， 搜 索引 擎 结果 页 ) 
中 ， 否 则 几乎 就 等 同 于 不 存在 。 因 此 ， 在 移动 Web 上 写作 的 目的 就 是 要 能 被 搜索 到 。 
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SEO (搜索 引 敬 优化) 有 许多 组 成 部 分 , 但 首要 的 SEO 原则 却 是 我 们 都 熟悉 的 :“ 说 用 户 
能 听 异 的话 。” 或 者 说 ， 写 作 时 要 使 用 用 户 搜 索 时 爱 用 的 关键 词 。 

温 斯 顿 . 丘吉尔 曾经 说 过 :“ 短 词汇 是 最 好 的 ， 短 的 老 词 江 则 是 万 词 之 王 。” 丘吉尔 谈论 的 
是 如 何 创 作 有 感染 力 的 文章 ,而 不 是 SEO。 但 要 想 被 搜索 到 ,精确 的 词汇 第 第 比 短 词汇 效果 更 好 ， 
因为 后 者 可 能 含义 太 冤 沁 , 不 能 准确 摘 述 用 户 的 问题 。 举 个 例子 , 我 们 的 读者 更 有 可 能 搜索 “可 
用 性 ”而 不 是 “容易 ”。 

但 是 ， 丘 吉尔 所 说 的 老 词 汇 最 棱 却 是 正确 的 。 

老 词 汇 的 无 敌 之 处 在 于 人 们 与 它们 亲密 无 间 。 罗 悉 的 词汇 会 日 动 跃 人 脑海 ， 因 此 用 户 在 把 
他 们 的 问题 徐 化 成 搜索 博 句 时 用 的 很 可 能 就 是 老 词汇 。 典 型 的 搜索 语句 只 会 包含 两 三 个 词 ， 励 
其 是 在 打字 不 便 的 移动 端 中 。 

因为 老 词汇 是 使 用 最 频繁 的 ， 所 以 人 们 会 迅速 地 理解 它们 。 之 前 说 过 ， 用 户 在 移动 端 经 常 
很 匆忙 ， 对 文本 的 理解 也 很 困难 ， 而 使 用 熟悉 又 精确 的 词汇 会 更 快速 地 传达 内 容 要 冒 ， 用 户 也 
可 能 不 再 需要 回溯 文本 的 其 他 部 分 。 图 4-8 展示 了 一 个 充斥 着 经 济 学 术语 、 难 以 阅读 的 文本 (来 
H Labor Stats 应 用 )。 你 可 能 会 反驳 说 这 个 应 用 是 针对 那些 曾经 受过 某 些 经 济 学 教育 的 受众 的 。 
但 如 果真 是 如 此 ,那些 受众 多 半 已 经 相当 熟悉 经 济 学 行 话 了 ,并 不 需要 学 习 “ 萎 动 生 产 率 ”(labor 
productivity ) 的 模糊 定义 (文中 解释 说 它 描 述 了 “成 采 和 萎 动 时 间 的 关系 "， 这 种 关系 的 本 质 是 
什么 ? 是 如 何 计 算 的 ? )， 就 算 其 他 更 准确 一 些 的 定义 他 们 也 没 必要 去 学 。 
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Productivity and Costs 
2012=05=03 T335300 


The Productivity and Costs (PROD2) release 
presents data on labor productivity and unit 
labor costs. Labor productivity describes the 
relationship between output and the labor time 
involved in production. Unit labor costs relate 
total labor costs to total output. This release is 
issued 8 times per year; preliminary and 
revised versions are released for each quarter. 
For more information, visit the Quarterly Labor 
Productivity home page at www.bls.gov/lpc/. 
Productivity declines 0.5% in first quarter 
2012; unit labor costs rise 2.0% Productivity 
declined 0.5 percent in the nonfarm business 
sector in the first quarter 2012: unit labor costs 
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写 过 了 ， 但 由 于 使 用 了 经 济 术语 并 且 缺 乏 版 式 设 计 ， 它 既 难 读 又 难以 理解 


图 灵 社区 会 员 cindy282694 GS 尊重 版 权 


42 有 疑虑 ， 就 别 放 进 去 87 


4.2.3 如何 处 理 移 动 内 容 里 的 署名 


应 当 注 明文 章 或 网 站 中 其 他 内 容 的 作者 ?还 是 让 这 些 材 料 匿名 ， 以 组 织 机 构 的 身份 进行 
发 布 ? 

KREWE, Web 署名 问题 并 没有 统一 的 答案 。 但 仍然 存在 一 些 判 断 标准 ， 其 中 一 部 分 遵循 
之 前 讨论 过 的 移动 写作 原则 一 一 削减 无 用 信息 。 


1. 反对 署名 : 削减 无 用 信息 

去 掉 普 名 的 原因 有 以 下 几 条 。 

W 一 以 贵 之 ， 当 为 在 线 用 途 与 作 〈 特别 是 移动 用 途 M — SEE UU E SCAB TY FG. 
用 户 在 Web 页 面 上 花 的 时 间 非 稼 少 ， 那 些 不 能 市 来 足够 价值 的 信息 应 当 除 去 。 用 户 在 训 
览 员 面 时 平均 每 次 只 会 阅读 大 约 120 个 单词 , 所 以 你 可 能 不 会 希望 “Joe Schmoe X" X 
三 个 词 在 这 些 少 得 可 怜 的 字数 中 占据 一 席 之 地 。 

W 移动 文本 应 当 比 时 面 文本 更 加 精简 。 即 使 下 面 的 茶 些 标准 促使 你 添加 了 著名 信息 ， 你 的 
移动 版 网 站 可 能 还 是 去 掉 它 们 为 好 。 


2. 支持 署名 : 确立 可 信和 度 

署名 信息 在 以 下 一 些 情况 里 也 许 是 值得 添加 的 。 

图 如 果 作 者 是 知名 人 士 ， 甚 至 知名 到 人 们 阅 旋 文章 主要 就 是 想 看 看 他 对 某 些 当前 事件 的 看 
法 。 在 这 种 情况 下 ， 你 应 该 在 包含 这 篇 文章 链接 的 主页 、 搜 索引 擎 结果 页 、 文 章 列 表 或 
微 博 等 页 面 里 统统 加 上 作者 名 。 

请 注意 ， 名 声 ” 并 不 一 定 等 同 于 “名 人 ”。 受 人 和 敬重 的 极 客 们 可 能 在 专业 社区 里 声名 显 赤 ， 
但 99% 的 普通 人 对 他 们 却 一 无 所 知 。 作 者 是 否 知 名 的 判断 标准 是 在 目标 受众 中 的 知名 度 。 

B 如 果 作 者 的 资历 或 地 位 有 助 于 提升 文章 的 可 信和 度 。 经 典 的 例子 是 医生 撰写 关于 某 种 健康 
问题 的 文章 。 在 这 种 情况 下 你 当然 应 该 注 明 该 文章 是 “医学 博士 Joe Schmoe 车”。 

B 如 果 作 者 的 经 验 能 提供 一 些 可 信 度 。 举 个 例子 ， 如 果 你 是 某 个 网 站 的 设计 师 ， 那 么 在 写 
一 篇 讨论 该 网 站 设计 的 文 草 时 应 该 注 明 这 一 点 。 

B 如 果 作 者 经 常 扎 写 菜 一 题材 的 文章 。 常 来 的 读者 可 能 会 认 出 这 名 作者 ， 并 希望 查找 他 写 
的 其 他 文章 。 

B 如 果 文 章 属 于 观点 、 评 论 、 政 论 或 其 他 属于 个 人 意见 的 内 容 。 作 者 署名 在 这 种 情况 下 只 
是 为 了 声明 该 内 容 的 类 型 。 根 据 网 站 的 具体 情况 ， 这样 的 内 容 还 可 能 需要 附带 一 条 免责 
声明 ， 即 这 篇 分 析 不 一 定 代表 网 站 所 属 机 构 的 立场 。 

B 如果 文章 发 表 于 企业 内 网 。 注 明 作 者 可 以 帮助 员工 互相 增进 了 解 ， 从 而 营造 社区 的 氛围 。 

以 下 例子 展示 了 移动 端 作者 署名 的 不 同情 形 ， 其 中 有 好 有 坏 。 新 闻 聚 合 应 用 Zite ( 图 4-9 ) 

正确 使 用 了 署名 以 标示 各 个 文章 的 来 源 。 相 反 ， 在 文 曹 列表 中 为 作者 署名 则 是 错误 的 ， 就 像 周 
4-10a 里 的 ProPublica 应 用 那样 。 屏 幕 里 的 黄金 地 段 应 当 放 置 更 重要 的 信息 。《 华 盛 顿 邮 报 》 的 
应 用 〈 图 4-10b ) 将 作者 信息 列 在 了 文章 页 的 标题 下 方 。 虽 然 放 在 这 里 比 放 在 标题 列表 页 要 好 一 
些 ， 但 署名 依然 占据 了 宝 贯 的 空间 。 除 非 《 华 盛 顿 邮 报 放 有 理由 相信 作者 已 经 知名 到 人 们 会 去 
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寻找 他 的 文 草 ， 否 则 这 些 空间 最 好 还 是 留 给 内 容 。( 页 面 项 部 通常 能 获得 最 多 的 用 户 注 意 力 ， 应 
该 专门 用 于 放置 关键 内 容 。) 如 果 作 者 并 不 出 名 却 必须 被 普 名 ， 不 妨 将 名 字 附 在 文章 末尾 ， 就 像 
图 4-10c 展示 的 CNN Money 应 用 一 样 。 


作者 介绍 的 注意 事项 


通常 ， 一 段 简短 的 作者 介绍 属于 次 
级 内 容 ， 应 当 放 在 单独 的 页 面 中 。 如 果 某 
位 作者 虽然 资历 较 深 、 经 验 丰 富 ， 但 光 赁 











作 方 式 ， 弹 出 电子 邮件 时 用 户 的 注 
意 力 会 被 干扰 。 
B 用 户 通常 更 愿意 阅读 作者 介绍 


名 字 不 足以 起 到 增加 可 信 度 的 效果 ， 那 就 
应 该 在 页 面 顶部 增加 一 行 他 的 介绍 摘要 ， 
尺 鼓 励 用 户 阅 读 这 篇 文章 。 比 如 ， 可 以 在 


一 篇 关于 儿童 喜 肿 性 纤维 化 的 文章 中 加 入 
多 伦 多 儿童 医 


完 过 肿 性 纤维 化 中 心 主任 
Joe Schmoe 博 士 著 ”。 

更 长 的 作者 介绍 一 般 都 应 该 移 到 次 级 
页 面 ， 并 在 文中 作者 姓名 处 加 上 对 应 的 链 
接 。 但 是 ， 不 要 将 作者 姓名 链接 到 电子 邮 


而 不 是 联系 作者 。 如 果 合 适 的 话 ， 
你 可 以 将 联系 信息 附 在 介绍 页 的 
底部 。 
作者 介绍 应 当 包 括 一 张 照片 ， 至 少 是 
在 所 提供 的 单独 介绍 页 上 。 这 张 照片 可 以 
是 标准 的 头 部 特写 ， 也 可 以 是 在 作者 从 事 
与 文章 内 容 相 关 活 动 时 拍摄 的 照片 ， 比 如 
农夫 撰写 有 关 农 活 的 文章 时 ， 可 以 放 一 张 
— «a! 


箱 ， 这 有 以 下 两 个 原因 。 另外 ， 介 绍 "- 包括 网 站 里 该 作者 
E 用 户 点 击 姓名 链接 时 期 待 的 是 弹出 e 除非 是 个 人 博客 ， 或 者 
一 个 新 页 面 ， 这 是 Web 链 接 正 常 的 工 Rena iy 
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company's corporate unit. Before that 
announcement, a net gain of $200 
million was forecast for the unit. 


Dimon told analysts that the losing 
trades were the result of "sloppiness" 
and "bad judgment,” but he shrugged 
off a question about whether other 
banks were affected. 


The Washington Capitals have 
found their identity this spring 
in being able to respond to 
tough losses and adversity with 
aplomb. On Wednesday night, 
facing elimination against the 
top-seeded New York Rangers, they came 
through with arguably their most dominant 
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"Just because we're stupid doesn't 
mean everyone else was," said Dimon 
on the call. 
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El4-10 ”作者 署名 在 移动 端 不 是 必需 的 : (a) ProPublica 的 网 站 ( propublica.org) ; (b) 《华盛顿 邮 报 》 的 Android 
HRA FA; (c) CNN Money &% Android 版 应 用 


passenger complaints against the agency. 





Alex Ovechkin and Jason Chimera each scored 
a goal, the latter of which gave the Capitals 
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我 们 在 目 己 进行 的 移动 可 用 性 调研 中 发 现 ， 用 户 在 使 用 移动 设备 时 一 般 是 很 匆忙 的 ， 除 非 
当 他 处 于 等 待 状态 、 只 想 消 麻 时 间 的 时 候 。 一 般 绝 大 多 数 任务 都 是 目标 驱动 型 的 ， 而 人 们 在 使 
用 移动 设备 时 往往 只 有 很 少 的 时 间 完 成 这 些 任务 。 举 个 例子 ， 你 用 手机 查收 电子 邮件 时 ， 阅 读 
菏 封 邮 件 所 花 的 时 间 通 第 比 在 家 或 办 公 室 里 少 。 

我 们 从 1997 年 起 就 知道 Web 写作 最 好 是 简短 一 些 。 移 动 环境 强化 了 这 一 点 ， 并 将 它 推 到 
了 极 至 。 普 通 的 短文 在 移动 疾 还 是 太 长 ， 超 级 短 的 短文 才 是 今 时 今日 的 主 等 。 

那么 ， 如 何 才 能 婚 保 持 超 级 简短 又 提供 人 们 需要 的 信息 呢 ? 答案 是 将 次 级 信息 转移 到 次 级 
页 面 里 去 。 用 户 看 到 的 第 一 屏 内 容 应 当 极 力 以 最 少 的 信息 传达 最 主要 的 观点 。 


4.3.1 380] 1: BURBS 


折扣 优惠 券 是 一 种 完美 的 移动 服务 ， 因 为 它 高 度 依赖 时 间 和 地 点 : 限时 抢购 会 市 来 一 种 急 
迫 的 感 党 ， 因 为 人 们 想 在 商品 卖 光 之 前 了 解 优 惠 状 的 详细 内 容 。 类 似 地 ， 人 们 也 可 能 会 对 出 门 
在 外 ( 即 离 开 了 时 面 电脑 ) 时 碰 到 的 商店 和 产品 的 优惠 券 感 兴 趣 。 

图 4-11 展示 了 一 张 Groupon 的 团购 优惠 券 在 Android 手机 里 是 什么 样子 。 
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图 4-11 Groupon 移动 版 的 团购 优惠 页 . SO BHO Q, acy 12:35 pm 
(a) MMR, (b) 细节 页 面 。 在 第 
一 屏 中 选择 “查看 这 文 项 优惠 的 更 多 信息 ” 





e Breakfast, lunch & dinner 

( More about this deal) 后 就 会 进入 细 e Hot & cold sandwiches 
em e Boar's Head meats & cheeses 
T Df e Create-your-own-pizza menu 
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Expires Mar 9, 2012 
Limit 2 per person, may buy 1 additional 





as a gift. Limit 1 per table. Must Big Top Deli fuels empty tanks with a 
purchase 1 food item. Not valid toward bounty of breakfast, lunch, and dinner 
meats and cheeses sold by the pound. items, employing Boar's Head meats 
See the rules that apply to all deals and cheeses to offer customers a 


flavorful cornucopia of deli delights. 


THE COMP IPANY : : 
Manage morning pangs while 














Big Top Deli expressing infatuation with sparsely 
70 Maine St. used letters by ordering a Zazel, which 
Brunswick, Maine 04011 fuses an egg with provolone, prosciutto, 
//www.bigtopdeli.com/ and roasted red peppers ($4). Afternoon 
cravings are toppled with a variety of 
More about this deal © both cold and hot sandwiches, ranging 


from classic turkey clubs ($7.25) to the 














(a) (b) 
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Groupon 在 我 们 的 移动 可 用 性 调研 中 表现 不 错 。 后 来 它 对 设计 稍稍 做 了 一 些 调整 ， 于 是 
现在 “查看 这 项 优惠 ae " (More about this deal) 中 的 内 容 出 现在 了 同一 页 面 上 (图 
4-12 )。 它 保持 了 页 面 项 部 整洁 的 信息 结构 。 这 一 新 设计 仍然 是 分 层 的 ， 但 它 将 细节 信息 放 在 了 
同一 页 面 的 底部 ， RRR AE pet 

Groupon HJ e PXT F LivingSocial 则 表现 很 差 ， 见 图 4-13。 















mao LJ, a Al] G9 3:24 om 


activate by expiration date on your Groupon, 10- 
class option expires 6 weeks from first class, Back livingsocial Refresh 
20-class option expires 12 weeks from first 
class. Classes must be used by the same 
person. Must bring mat and bath towel for 








classes. Organically Grown 

See the rules that apply to all deals $20 (Pay $10) or $32 (Pay 
cp $15) to Spend on Organic 
iis UNIFANT Apparel 

98point6 Yoga 


1147 S de Anza Blvd. 
San Jose, California 95129 


http://98point6yoga.com/ 


408-800-7009 © 
E ABOUT THIS DEA = buy now! 
Nude regular practice yoga to stay | 


limber, modulate their breathing, and control 








z Ea S their crippling fear of being eaten by the moon. 50% 10 6 days 
4-12 ( 左 图 ) TE 新 版 的 G roupon 应 Eee Rabite of SSMO Eddie with this p n: purchased SS 
用 中 , "E 看 这 x Ipl 优惠 FH 的 更 多 信 HR" 包 Groupon. If thinking about carbon dioxide emissions and 
ve Nu Choose Between Two Options pesticides has you feeling blue or listening to global 
cà 的 所 有 文字 T 出 现在 f 人 HR P warming naysayers has you seeing red, Organically 


Grown is here to help you go green without going 
broke. Get in on today's deal for $20 to spend on 
100% organic cotton goods for only $10, or get $32 
to spend for just $15. You'll be tickled pink by the 
online selection of apparel, like infant onesies and 
athletic wear to keep you organic on the go, all the 
while Lnawing that the hich auality warber friendly | 


e $25 for 10 hot-yoga classes (up to a $130 








Buy Now! ©) 


图 4-13 ( 右 图 ) LivingSocial 的 移动 版 
团购 优惠 范例 
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LivingSocial 违反 了 好 几 条 移动 可 用 性 原则 。 虽 然 可 爱 的 婴儿 总 是 会 让 人 心情 愉悦 ， 但 在 移 
动用 户 界 面 里 使 用 无 关 的 图 库 照 片 只 会 把 重要 的 信息 挤 出 小 屏幕 。 这 样 的 页 面 布 局 和 写作 方式 
让 人 很 难 弄 明白 自己 在 屎 什么。 而 赁 者 我 们 对 移动 用 户 的 了 解 ， 他 们 最 显 铸 的 特点 就 是 忙 ， 通 
党 没有 时 间 仔 细 寻 找 信息 。 

( 公平 而 言 ，LivingSocial 里 的 “现在 购买 ”按钮 确实 遵守 了 让 移动 屏 医 更 容易 触 控 的 原则 ， 
这 个 按钮 很 大 、 很 清晰 ， 周 围 也 没有 什么 容易 让 用 户 误 触 的 界面 元 系 。) 

以 下 是 我 们 的 两 名 调研 参与 者 对 这 两 种 呈现 折扣 优惠 信息 的 方式 的 评论 。 

E 一 名 用 户 评论 LivingSocial 说 :“ 它 看 起 来 更 像 是 网 站 上 的 表现 方式 ， 没 有 对 手机 进行 过 

优化 。 如 果 它 出 现在 我 的 电脑 上 ， 那 我 可 以 接受 。 这 名 用 户 同 时 对 Groupon 应 用 做 了 评 
论 :“ 一 开始 出 现 的 是 一 个 快速 版 本 。 有 一 些 选 项 可 以 让 你 看 到 更 多 信息 ， 但 里 面 并 不 是 
那 种 长 篇 大 论 。 既 然 这 是 个 手机 ， 当 然 不 应 该 让 信息 罕 满 屏 厅 。” 

WB 另 一 名 用 户 对 Groupon 的 评论 是 :“ 我 喜欢 这 种 超级 快速 的 无 序列 表 版 式 。 对 

LivingSocial 的 评论 则 是 :“ 你 谈 完 全 文才 能 知道 里 面包 括 了 哪些 东西 。 


43.2 38042: RAR EKANA 


维基 百科 一 直 以 来 都 有 两 个 特点 : 大 量 的 超 文 本 链接 和 详尽 的 内 容 ， 以 此 告诉 你 所 有 事物 
的 各 种 细节 。 维 基 百 科 还 一 直 是 粳 糕 写作 的 代名词 ， 因 为 志愿 者 往往 对 一 个 主题 真正 重要 的 方 
面 缺 乏 洞 见 ， 导 致 没有 能 力 解决 文章 中 各 种 信息 鱼龙混杂 的 问题 。 

因为 这 种 传统 已 经 延续 了 十 多 年 ， 所 以 当 我 们 在 调研 里 发 现 维基 百科 的 信息 排序 得 分 并 不 
低 时 , 还 是 小 小 地 吃 了 一 惊 。 图 4-14 展示 了 用 户 在 手机 上 第 一 次 看 到 一 篇 文章 时 是 什么 样子 的 。 





















































will AT&T M-Cell © 1:18 PM 4 X =| | wil AT&T M-Cell © 1:18 PM 1 X = 
Ww Type your search here... QJ AaS: Huang ama Shines: XN. 
simplified Chinese: 13/8; Pinyin: Huang 
Shihou; 山 Wade-Giles: Huang Shih-Hou) is an 
American biologist specialized in microbiology and 
virology. She is Senior Faculty Associate in Biology 


Alice S. Huang 


Alice S. Huang 
22 March 1939 at the California Institute of Technology, 2! and 

Born Nanchang, China served as President of AAAS during the 2010-2011 
Nationality United States term [3] 
Fields Microbiology 

University of Massachusetts Biography 

m Amherst 

Institutions 


Johns Hopkins University 
Keck Graduate Institute 

















Awards and Associate vV 
Mosi Wellesley College 
Johns Hopkins University 
Known for Reverse transcriptase References Vv 
Notable Eli Lilly Award in Immunology and 
图 4-14 维基 百科 的 移动 版 sauia Microbiology (1977) 
- f n Alice C. Evans Award (2001) iki in TM V 
( m.wikipedia.org ) : (a) JJ pene " 
始 的 文章 界面 ; (b) 滚动 页 面 — = 
后 可 见 的 信息 
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这 一 设计 将 用 户 的 注意 力 集中 在 文章 的 要 点 上 ， 推 迟 了 次 要 信息 的 显示 。 这 个 页 面 在 开始 
处 以 表格 的 形式 展示 了 主要 的 人 物 情况 ， 紧 接着 是 一 小 段 有 关 Dr Huang 的 文字 和 包含 了 更 多 细 
节 的 折 麦 版 块 。 当 然 ， 这 只 不 过 是 潮 进 式 暴露 的 一 个 案例 ， 这 一 概念 在 人 机 交互 领域 已 经 存在 
{RAT (Ub 3.1.1 PREE AERE ITZ). TE Web 写作 的 时 代 ， 这 一 古老 的 设计 原则 
再 次 焕发 了 新 的 生命 。 

显示 次 级 信息 的 框架 要 比 将 它 堆积 到 线性 的 可 滚动 页 面 里 有 效 得 多 。 比 如 说 ， 用 户 能 立即 
看 到 有 一 节 是 介绍 获奖 情况 (awards) 的 。 如 果 他 们 关心 此 人 的 获奖 情况 ， 就 可 以 展开 这 一 节 ， 
而 无 须 长 途 践 涉 穿 过 长 长 的 个 人 传记 (biography ) 部 分 。 

以 下 是 我 们 的 一 些 测试 用 户 对 移动 版 维基 百科 的 评论 。 

国 “ 它 给 了 我 一 种 类 似 于 框架 的 东西 。 它 顶部 有 个 目录 ， 给 你 的 是 标题 而 不 是 所 有 的 内 容 。 

所 以 你 知道 文章 里 有 这 么 一 些 主题 ， 想 看 哪 方面 就 可 以 去 哪里 。” 
国 “ 比 起 显示 所 有 内 容 ， 我 更 喜欢 这 种 隐藏 内 容 的 方式 。 我 可 以 打开 传记 部 分 而 不 会 看 到 所 
有 的 参考 文献 ， 我 很 喜欢 这 一 点 。” 

当然 ， 这 篇 文章 也 带 有 维基 百科 标志 性 的 强迫 症 风 格 ， 即 包括 了 一 些 显 然 不 是 为 移动 端 撰 
写 的 材料 。 页 面 项 部 表格 里 的 一 些 信 息 可 能 没 那 么 重要 ,比如 Dr. Huang 是 在 哪里 求学 的 。 而 且 ， 
用 户 感 兴 趣 的 可 能 是 如 何 理 解 Dr. Huang 所 取得 的 科学 成 果 ， 所 以 介绍 她 的 名 字 在 汉语 拼音 和 韦 
氏 拼 音 里 的 拼 法 连 次 级 信息 都 算 不 上 ， 最 多 算 三 级 信息 。 并 且 ， 这 一 信息 在 移动 端 应 该 被 放置 
到 次 级 层 页 面 中 。 



































43.3 推迟 信息 显示 = 初始 信息 + 阅读 更 多 


将 大 多 数 信息 推迟 至 次 级 页 面 显示 是 个 艰难 的 决定 ， 因 为 这 样 一 来 许多 用 户 永 远 不 会 看 到 
它们 了 了 ， 哪 但 你 仍然 坚信 它们 是 非常 重要 的 。 

但 是 ,请 记 住 ， 如 果 让 第 一 屏 变 得 太 胱 肿 ， 就 没有 人 会 阅读 其 中 的 任何 内 容 。 更 好 的 方式 
是 让 初始 屏幕 紧凑 一 些 ， 让 那些 特别 有 兴趣 的 用 户 上 自己 去 发 掘 其 余 的 内 容 。 这 样 ， 就 能 让 更 多 
客户 满意 ， 得 到 更 多 流量 ， 从 而 让 你 的 移动 内 容 产 生 更 多 的 商业 价值 。 

图 4-15 展示 了 平 采 公司 设计 的 恨 好 的 信息 分 层 方式 。 在 主页 中 ， 软 件 升级 信息 显示 得 非常 
简略， 少数 有 兴趣 了 解 更 多 细节 的 用 户 可 以 通过 点 击 “ 了 人 解 更 多 ”链接 在 次 级 页 面 里 看 到 额外 
的 内 容 。( 不 过 ,“ 了 人 解 更 多 ”这 一 用 词 不 够 理想 ， 因 为 它 不 带 有 和 多少 信 息 气 味 。 但 它 却 是 屏 系 
当中 最 醒目 的 元 素 之 一 。) 

新 闻 网 站 通常 也 有 良好 的 信息 分 层 ( 图 4-16 )。 许 多 用 户 通过 快速 扫 视 标题 页 里 的 文 草 摘 要 
就 能 获得 所 需 信息 ， 而 无 需 阅 读 整 篇 文章。 基于 这 个 原因 ， 一 段 完 整 的 、 抓 住 了 文章 主 旨 的 “ 真 
正 ” 的 摘要 (IAI 4-16a 展示 的 《华尔街 日 报 》 应 用 这 样 ) 要 胜 过 句子 碎片 〈 像 图 4-16b 展示 的 
《今日 美国 》 这 样 ) 或 者 简单 照抄 文章 开头 的 一 句 话 。 

不 过 ， 有 些 企业 过 度 诠 释 了 信息 分 屋 ， 以 至 于 所 有 的 用 户 要 想 找到 任何 信息 都 必须 进入 次 
级 页 面 。 图 4-17 中 的 两 个 例子 ( WebMD 和 Net-a-porter ) 就 是 如 此 ， 它 们 在 第 一 屏 里 几乎 不 显 
示 任 何 有 用 信息 ， 迫 使 用 户 再 次 轻 触 屏 幕 才 能 看 到 相关 细 克 。 
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4-15 ÆR iPhone 的 软件 升 xil AT&T M-Cell 会 10:56 AM m] „ill AT&T M-Cell & 10:56 AM m] 


级 界面 (a ) 主页 ; (b ) APR. General | Software Update ‘Software Update About this Update 
信息 是 分 层 显 示 的 








This update contains improvements and bug fixes, 


iOS 5.1.1 | including: 








Apple Inc. e Improves reliability of using HDR option for 
一 一 photos taken using the Lock Screen shortcut 
Less than 1 minute remaining e Addresses bugs that could prevent the new iPad 
from switching between 2G and 3G networks 
This update contains improvements and bug fixes. e Fixes bugs that affected AirPlay video playback 


in some circumstances 
e Improved reliability for syncing Safari bookmarks 











and Reading List 
| Learn More > e Fixes an issue where ‘Unable to purchase’ alert 
Tr SUESZUZEENZE sui could be displayed after successful purchase 
For information on the security content of this update, 





Downloading ses please visit this website: 
—————— http: rt.apple.com/kb/HT1222 




















(a) (b) 


图 4-16 ”标题 列表 页 里 的 文章 
摘要 是 内 容 分 层 的 一 个 例子 。 © mobile2.wsj.com/device/ 全 

化 尔 街 ME —— 
(a) CERE HR) 的 网 站 THE WALL STREET JOURNAL. 
(m.wsj.com); (b) 《今日 


Set My Edition: US | Asia | Europe TODAY. Headlines 


" . z 
美国 》 的 Android 版 应 用 What Are 9 i ews 
You Worth? Robert Half 
News Top Stories 
ae Bill Walton regrets not helping Junior FA 
The basketball Hall of Famer says he "failed" i 


his good friend and... 


BREAKING NEWS: ; à : 
Zimmerman arraigned in Trayvon 
Martin case 
George Zimmerman's plea of not guilty to 


second-degree murder in... 


Headlines 


$ 














Government watchdog blasts the FAA over air safety 


Job Numbers Dent Stocks The government's special counsel Tuesday urged greater 
Energy and technology stocks led declines after oversight of air safety after investigating a... 

the U.S. labor report cooled expectations about 

U.S. growth. Obama, GOP battle over 'to do’ lists 


President Obama and congressional 


U.S. Jobs Data Add to Fears of Slow Spring Republicans are... 
Job growth slowed in April and more people 
dropped out of the work force, a fresh sign of a 
sluggish spring. 






to NFL 


1:37 PM New Orleans Saints interim coach 
Get Me Wardrobe Joe Vitt says... 


(a) (b) 


在 WebMD 应 用 中 (图 4-17a 和 b)， 关 于 药物 的 主要 信息 类 别 是 容易 扫 视 到 的 ,但 这 个 页 
面 可 能 过 于 结构 化 了 。 更 好 的 方式 可 以 是 在 各 个 不 同 的 版 块 (uses 和 side effects 等 ) 下 面 放置 
一 段 人 简短 的 摘要 ， 让 用 户 能 够 快速 了 解 个 大 概 ， 然 后 在 有 和 需要 时 才 展 开 更 多 内 容 。 当 用 户 点 击 
任意 一 个 版 块 后 ( 见 b 图 )， 他 们 进入 的 页 面 儿 乎 没有 为 移动 端 做 过 版 式 调整 ， 缺 少 无 序列 表 让 
这 个 页 面 难 以 扫 视 。 


Saints' Vitt: | never told Hargrove to lie Poe 
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Net-a-porter ( 图 4-17c 至 d) 同样 要 求 用 户 轻 触 才能 
了 图 像 , 其 他 所 有 的 相关 细 市 都 被 移 到 了 次 级 页 面 。 其 实 
只 有 大 多 数 用 户 不 需要 的 信息 才 应 该 链接 到 次 级 页 面 ,比如 “我 的 尺寸 是 多 











和 大 多 数 人 有 关 的 最 重要 内 容 
送 往 次 级 页 面 。 


图 4-17 信息 以 版 块 的 形式 进行 组 
织 : (a) 和 (b) WebMD 的 iPhone 
版 应 用 ; (c) fü(d) Net-a-porter 
的 Android 版 应 用 。 这 两 个 应 用 在 主 


页 上 显示 的 信息 都 太 少 
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容 需 要 出 现在 第 
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Aricept Oral & 


DONEPEZIL - ORAL 
(doh-NEP-eh-zil) 
Brand Name(s): Aricept 


Uses > 
| Side Effects > | 
| Precautions > | 
| Interactions > | 





Overdose > 


Images © > 
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到 某 个 产品 的 信息 。 产品 主页 只 显示 
这 些 信 息 都 应 该 在 主页 里 清楚 显示 出 来 ， 


少 ”( What size am I ), 


PBR, FA A RE des ARS BL, LAS DEZ 


alll AT&T 4G 6:27 PM [ } 


WebMD 


Back Uses [^ 





Donepezil is used to treat confusion (dementia) 
related to Alzheimer's disease. It does not cure 
Alzheimer's disease, but it may improve 
memory, awareness, and the ability to function. 
This medication is an enzyme blocker that 
works by restoring the balance of natural 
substances (neurotransmitters) in the brain. 


How to Use 


Read the Patient Information Leaflet if available 
from your pharmacist before you start taking 
donepezil and each time you get a refill. If you 
have any questions, ask your doctor or 
pharmacist. 


Take this medication by mouth with or without 
food as directed by your doctor, usually once 
daily just before bedtime. If you experience 
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44 ”迷你 信息 架构 : 设计 内 容 的 架构 


迷你 信息 架构 ( mini-information architecture ) 的 定义 很 简单 ， 即 组 织 某 一 主题 的 相关 信息 
的 方式 。 比 如 ， 一 封 电子 邮件 的 迷你 信息 架构 就 是 一 个 单独 的 页 面 。 

当 某 个 事物 只 用 一 页 就 足以 描述 时 ,我们 通常 不 认为 这 种 呈现 方式 算是 “信息 架构 ”。 不 过 ， 
坚持 单一 页 面 的 版 式 这 个 决定 本 身 却 属于 信息 织 构 的 范畴 。 

通常 ,将 信息 分 组 呈现 要 优 于 使 用 过 长 的 线性 信息 流 ， 图 4-18 展示 的 那样 就 不 理想 。 之 后 ， 
就 可 以 将 这 些 分 组 横路 知 干 页 进行 显示 ,或 者 使 用 页 面 内 的 导航 系统 ,比如 标签 或 版 块 进 行 切换 。 























4.4.1 线性 分 页 通常 不 可 取 


让 我 们 先 排 除 一 种 虽然 流行 但 几乎 可 以 肯定 会 危害 可 用 性 的 迷你 信息 架构 :如 采 你 有 一 篇 
KX, IARRI 4-19 里 的 NBC 这 样 将 其 简单 切 成 一 系列 线性 页 面 儿 乎 不 会 市 来 好 的 效果 。 如 
果 “ 继 续 ”( Continue ) 或 “下 一 页 ”(Next page) 链接 是 页 面 里 仪 有 的 导航 ， 那 么 一 般 来 说 最 
好 还 是 把 它们 做 成 一 页 ， 依 徘 深 动 而 不 是 翻 页 来 显示 全 部 内 容 。 否 则 的 话 ， 用 户 不 仪 每 半分 钟 
左右 就 要 等 竺 加 载 新 的 一 页 ， 而 且 假 如 他 们 在 看 完 剧 情 梗概 后 想 回 到 剧 集 列 表 ， 就 必须 得 襄 击 
12 CDI V i FR TERMI; 


























4-18 ( 左 图 ) Ted 视频 的 iPhone mail AT&T M-Cell 会 3:34 PM - $ Æ| | wil AT&T 4G 5:06 PM $m 
版 应 用 。 所 有 104 个 可 供 观 看 的 视 
频 以 一 张 长 列表 的 形式 呈现 。 使 用 





ala 


vA TiTa ~ BEES ex 
-~———_— - T =e --- 





一 种 将 这 些 视 频 按 主题 进行 分 组 的 TED: Renny Gleeson: 404, the story... 

Ny Ab 和 人 人 、 May 11, 2012 8:08 AM - Oops! Nobody wants to see the404: > 

迷你 信 息 架 构 可 HE Zx 更 有 帮 助 Page Not Found. But as Renny Gleeson shows us, while he ru... 
TED: Joshua Foer: Feats of memory... As they discuss possibly starting a family, Liz and 
May 10, 2012 8:00 AM - There are people who can quickly > 


Criss realize their gender roles are backward: 
she's the breadwinner and he's a stay-at-home 


memorize lists of thousands of numbers, the order of all the ca... 


4-19 ( A 图 ) NBC 的 移动 网 站 TED: JP Rangaswami: Information... N wife. At the office, Liz asks Jenna how she and 
" x May 8, 2012 9:16 AM - How do we consume data? At Paul manage their gender-reversed roles. Jenna 
` = 
( m. nbc.com ) 将 EIJ i H TR 概 分 zi] 成 TED@SXSWi, technologist JP Rangaswami muses on our relat... loves being asked and explains that Paul keeps 
C= -一 一 " H - ns - . H . . H 
多 个 页 面 ， 页 只 显示 一 张 图 片 和 TED: Michael Tilson Thomas: Music... the house looking nice while she tries to get him 
— May 7, 2012 7:59 AM - In this epic overview, Michael Tilson > pregnant. Jenna counsels Liz to embrace wearing 
— FR MF Thomas traces the development of classical music through th... the pants in the family, even if she can't really pull 
them off because of her hips. 


TED: Rory Sutherland: Perspective... 


May 4, 2012 8:07 AM - The circumstances of our lives may 
matter less than how we see them, says Rory Sutherland. At... 


TED: Gary Kovacs: Tracking the tra... 


May 3, 2012 8:00 AM - As you surf the Web, information is being > 
collected about you. Web tracking is not 100% evil -- personal... 


. = 
Videos 


(这 里 存在 的 例外 情形 是 那些 为 iPad 等 平板 电脑 或 者 电子 书 阅 读 融 应 用 所 准备 的 内 容 ， 因 
为 它们 文 持 用 快速 滑动 手势 这 种 通用 命令 进行 翻 页 。 还 有 那些 预先 载 人 的 内 容 也 是 例外 ， 因 为 
它们 不 会 因 切 换 页 面 而 导致 俘 顿 。 忆 外， 书籍 通 利 不 是 一 次 就 能 谈 完 的 ， 将 它们 分 割 成 多 页 能 
让 用 户 轻 松 记 住 目 己 所 在 的 位 置 ， 否 则 ,试想 一 下 你 如 何 才 能 深 动 全 书 找到 第 11 章 中 的 第 三 段 
AT ay 


«Previous 2of12 Next> 
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在 许多 情况 下 ， 最 好 的 蔡 代 方式 是 将 信息 分 解 成 单独 的 内 容 组 件 ， 并 注重 它们 之 间 的 逻辑 
关联 。 然 后 ， 就 可 以 据 此 描述 各 个 组 件 ， 让 用 户 根据 自己 的 需求 直接 导航 进入 相应 的 组 件 。( 请 
注意 ,“ 第 2/12 页 ”这 种 形式 并 不 具备 描述 性 ， 也 没 说 清楚 当前 矶 的 内 容 。) 

(对 于 向 导 式 交互 而 言 ， 例 如 电子 商务 的 结账 过 程 ， 线 性 的 翻 页 流程 通常 是 较 好 的 选择 。 
为 虽然 每 一 步 都 有 逻辑 上 的 关联 ， 但 它们 是 属于 同一 个 应 用 程序 的 工作 流程 ， 所 以 你 未 完成 第 
二 步 是 不 能 前 往 第 三 步 的 。) 











4.4.2 ”避免 按 字 母 顺序 排列 


为 一 种 经 第 钻 错误 使 用 的 流行 迷你 信息 架构 是 按 字 母 顺 序 进行 排列 。 将 一 列 项 目 以 字母 顺 
序 进行 排序 有 两 大 好 处 。 

W 如 朵 用 户 知 道 所 知事 物 的 名 称 ， 通 党 能 很 快 在 列表 里 找到 它 。 

m 刁 惰 的 设计 小 组 不 用 费力 去 寻找 一 种 更 好 的 组 织 方 法 。 因 为 ABC 每 个 人 都 知道 ， 所 以 任 

何人 都 能 正确 排列 物品 。 

第 一 点 是 真正 的 好 人 处， 而 且 按 字母 顺序 排列 在 一 些 情 况 下 也 有 着 不 错 的 效果 。 举 个 例子 ， 
从 一 份 按 字 母 顺序 排列 的 美国 50 州 列表 里 选 出 一 个 州 通 当 是 很 容易 的 。 确 实 ， 在 这 种 情况 下 按 
字母 顺序 排列 比 其 他 的 方式 (比如 将 州 按 地 区 分 组 或 在 地 图 上 显示 ) 更 有 用 ， 至 少 在 用 户 只 需 
点 击 一 个 州 (通常 是 他 们 所 在 的 州 ) 以 进入 显示 该 州 相关 信息 的 页 面 时 是 如 此 。 

( 按 字 母 顺 序 显示 州 名 仪 适用 于 人 们 知 要 从 采 单 里 选择 其 中 一 个 用 于 导航 或 运行 命令 的 时 
IRo 如 采用 户 需 要 指定 的 州 名 是 他 们 地 址 的 一 部 分 ,比如 在 电子 商务 网 站 的 结账 表单 里 填写 州 名 ， 
那么 更 好 的 方法 是 提供 一 个 文本 框 ， 让 人 们 输入 州 名 的 两 个 字母 缩写 。 这 更 快 、 更 不 容易 出 错 ， 
而 且 用 户 无 需 在 仪 操 半 个 手机 屏 才 的 、 小 小 的 下 拉 列 表 框 里 进行 长 时 间 的 滚动 ， 就 像 图 4-20 所 
展示 的 这 样 。) 















































„iil AT&T M-Cell 全 6:19 PM 7 um 


FIND A STORE A 








V Select 


Alabama 
图 4-20 Macy 的 iPhone 版 应 用 。 从 
下 拉 列 表 框 里 选择 一 个 州 的 效率 很 低 
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国家 名 或 其 他 选项 已 知 的 问题 经 党 可 以 通过 字母 顺序 排列 法 予以 解决 。 不 过 ， 必 须 确保 用 
户 确切 地 知道 他 们 所 选择 的 名 称 。 如 果 人 们 不 得 不 在 列表 里 东 看 西 看 ，A-Z 排序 法 就 失去 了 它 
的 意义 。 

对 于 大 多 数 问题 而 言 则 存在 以 下 两 种 情况 。 

B 用 户 不 知道 他 们 想 要 找 的 事物 的 名 称 ， 这 使 得 A-Z 排序 法 起 不 到 作用 。 

图 项 目 目 对 的 内 在 人 逻辑 需要 男 外 一 种 排序 方法 ， 而 A-Z 排序 法 掩盖 了 这 种 逻辑 ， 于 是 造成 

了 直接 的 损害 。 

矿 才 大 小 属于 有 序数 据 ， 意 思 是 说 它们 天 生 就 市 有 一 种 单调 增加 的 顺序 。 这 样 的 项 目 几 乎 
总 是 应 该 以 此 进行 排序 。 

而 在 男 外 一 些 情况 下 ,项 目 有 痢 属 于 不 同 领域 的 逻辑 分 组 。 你 经 党 可 以 通过 卡片 分 类 测试 
找到 其 内 在 的 逻辑 关系 ， 方 法 是 请 用 户 将 相互 关联 的 项 目 归 人 一 组 。 

2s fill, Epicurious 是 一 于 允许 用 户 搜索 和 保存 食谱 的 应 用 (图 4-21), RES YKe 
保存 的 食谱 列表 可 以 按照 字母 顺序 或 者 最 近 添 加 的 顺序 显示 。 对 于 一 份 较 长 的 食谱 列表 而 言 ， 
则 两 者 都 不 太 人 合适。 在 按照 字母 顺序 排列 时 ， 食 谱 名 罕 的 头 一 个 单词 (比如 Balsamic roasted 
vegetables 里 的 Balsamic ) 经 背 并 不 能 指 代 这 一 食谱 ， 而 用 户 也 不 太 可 能 记得 他 们 是 在 何 时 第 一 
次 将 菏 个 食谱 加 入 列表 的 ， 除 非 是 最 近 保 存 的 食谱 。( 证 事情 更 精 的 是 ，Epicurious 应 用 的 采 说 
箱 里 没有 搜索 功能 ， 这 让 人 们 很 难 对 大 量 的 食谱 进行 管理 。) 如 果 有 一 种 能 将 食谱 按照 不 同类 别 
( 鱼 类 、 肉 类 和 甜点 等 ) 进行 分 组 的 迷你 信息 染 构 ， 就 会 有 帮助 得 多 。 

4-21 (AM) Epicurious 的 iPhone «ill AT&T M-Cell 4G 2:55 PM util AT&T M-Cell 4G 2:39 PM 4 
版 应 用 。 最 喜爱 食谱 的 列表 可 以 按照 字 O My Recipe Box Geography howstuffworks 

母 顺序 或 者 最 近 添 加 的 顺序 进行 排列 ， 
但 对 于 一 份 较 长 的 食谱 列表 而 言 两 者 都 


从 s 
不 大 合适 Baked Red Trout Fillets with 
Parsley Pesto 






























































Articles 








Flanders 
RA Flanders is an interesting part of the 
~ geography of Europe. Learn more 
about Flanders at HowStuffWorks. 





The Black Forest 
fl The Black Forest is an arboreal 
es mountain range in southwestern 
Germany borderded by the Rhine... 


Balsamic Roasted Vegetables 


4-22 (A) How Stuff Works 的 4 


iPhone 版 应 用 。 这 里 按照 字母 顺序 进行 

Galloway 

iEn 

排列 出 现 T 错 TA: 把 Antwerp 归 T G pen Galloway is an area in southwestern 
Scotland comprised of the former 
counties of Wigtown and Kirkcud... 


> 


Geography of Antwerp 
EX The geography of Antwerp 
—— enhances the natural beauty and 
majesty of Europe. Learn more ab... 


-A 
B 
S 
E 
F 
G 
K 
L 
M 
Oo 
P 
Q 
R 
S 
T 
V 
w 
Z 


> 


Geography of Bruges 
RA The aeoaraphv of Bruaes enhances 


时 间 线 和 地 理 位 置 是 男 外 两 种 常用 的 分 组 方式 ， 不 过 有 了 时候 它 们 也 会 出 问题 ， 如 图 4-22 中 
的 例子 所 示 。 列 表 中 的 条 目 是 地 理 位 置 ， 但 编辑 者 对 于 字母 顺序 有 看 目 己 的 理解 ， 他 们 将 The 
Black Forest ( ELK) 归于 E， 佑 计 是 依据 Forest， 而 将 Antwerp (安特卫普 ) BFG, 依据 
Geography of Antwerp。 用 户 很 难 猜 得 到 这 种 分 类 方法 。 事 实 上 ， 当 他 们 搜索 Antwerp 时 很 可 能 
会 停 在 A 上 ， 心 里 想 寿 它 在 这 个 “按照 字母 顺序 排列 ”的 列表 里 应 该 不 会 出 现在 别 的 位 置 上 。 
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你 可 以 依照 重要 程度 或 者 使 用 频率 来 对 长 列表 进行 优先 级 排序 ， 不 应 该 默认 使 用 不 太 好 用 
的 字母 顺序 排序 法 。 

根据 信息 本 质 的 不 同 ， 还 可 以 使 用 其 他 组 织 结构 以 提升 可 用 性 。 而 且 在 少数 情况 下 甚至 可 
以 就 是 字母 顺序 。 但 是 一 般 来 说 ， 如 果 想 要 使 用 A-Z 排序 法 ， 还 是 应 该 多 长 一 个 心眼 ， 找 找 有 
没有 更 好 的 办 法 。 


44.3 3560]: 关联 使 用 习惯 的 结构 


要 了 人 解 关联 使 用 习惯 的 结构 ， 请 看 图 4-23。 这 两 个 例子 展示 了 移动 健身 应 用 显示 锻炼 方法 
言 息 所 使 用 的 不 同 结构 。 

图 4-23a 为 俯 四 择 的 锯 炼 方法 设计 了 可 用 的 迷你 信息 染 构 ， 它 将 所 有 的 锯 炼 方法 放 入 一 张 
由 多 到 难 排序 的 列表 里 。 相 反 ,图 4-23b 则 按照 字母 顺序 排列 了 练习 方式 。 正 如 前 一 节 讨 论 过 的 ， 
这 通常 是 一 种 低 效 的 结构 。 

Full Fitness 应 用 的 屏 秦 截图 (图 4-23b ) 只 显示 了 完整 列表 的 一 部 分 ， 包 括 了 上 和 斜面 俯卧 择 
(incline push-up ), 1E PIU EN ( modified push-up ) 和 传统 俯卧 撑 。 如 末 你 想 选 一 种 比 之 前 更 
具 挑 战 性 的 锻炼 方法 ， 应 该 如 何 选 择 ? “修改 版 ”是 更 容易 还 是 更 难 了 ? 
































4-23 PARK iPhone 版 应 用 各 ES m AT&T 到 6:08 PM 99 % [Ea 
自 的 锻炼 方法 列表 : (a) You e Variations © f Back Chest Exercises 
Are Your Own Gym; (b ) Full 3 
: incline pushu > 
Fitness Knees on > i i 
sees: re” kettlebell pushup > 
A kettlebell renegade row > 
ut Hands yt i 
PN coene g machine chest flye > 
& machine chest press > 
“sf modified pushup > 
( Default - 
ij parallel bar dip > 
"=? pushup > 








Feet elevated > 





(a) (b) 


“HEED he” —d]2 TCE [Dn] HUBURCE ER ERVARE AERA, TIE 
是 什么 。“ 上 和 斜面 ”一 词 更 好 一 些 , 但 还 是 不 如 You Are Your Own Gym 应 用 所 使 用 的 “双手 抬 高 ” 
(hands elevated ) 标注 清楚 下 日 。 要 是 让 你 立刻 回答 “上 和 儿 面 作 目 撑 和 下 冬 面 作 目 撑 的 区 别 是 什 
么 ”， 我 敢 打 财 你 不 会 像 猜 测 “ 双 手 抬 高 ”和 “ 双 脚 抬 高 ”那样 迅速 反应 或 者 猜 对 答案 。 人 简单 的 
词汇 往往 是 最 好 的 。( 如 果 你 是 为 专业 的 有 党 众 写 作 ， 那 么 也 可 以 不 还 循 “尽量 使 用 简单 词汇 ”这 
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一 原则 。 人 但是， 资深 的 健身 爱好 者 是 绝对 不 需要 查询 该 如 何 做 上 和 斜面 价 卧 撑 的 ， 即 使 他 们 愿意 
这 么 称呼 这 种 锻炼 方法 。) 

Full Fitness 应 用 的 设计 者 肯定 能 从 本 划 内 容 中 受益 。 不 过 ,话说 回来 ， 他 们 应 用 的 主要 问 
题 还 是 在 结构 方面 。 即 使 完善 了 标注 ，Full Fitness 当前 设计 的 可 用 性 还 是 要 低 于 You Are Your 
Own Gym 的 方案 ， 因 为 后 者 认识 到 需要 根据 对 各 种 俯卧 反方 式 来 说 最 有 意义 的 排列 方式 ， 为 这 
WO 75 14s RODA Y T À ERRARE] 〈 此 处 是 指 随 春 你 力量 的 增强 ， 难 度 也 越 来 越 高 )。 

除 此 之 外 ， 两 亚 应 用 都 使 用 了 缩 略 图 以 进一步 摘 述 这 些 锻 炬 方法 ， 并 帮助 用 户 判断 该 如 
何 选择 。 不 过 ， 两 者 都 存在 一 些 可 用 性 问题 。 除 了 “中 等 难度 ”(moderate ) 外 ，You Are Your 
Own Gym 所 使 用 照片 的 背景 细 方 都 过 于 复杂 ， 使 得 这 些小 尺寸 照片 不 易 理 解 。Full Fitness 的 照 
片 则 更 干净 一 些 ,， 虽然 比 Own Gym 的 照片 要 小 得 多 ， 但 两 者 的 直观 程度 不 分 上 上下。 我们 通 稼 
不 赞成 使 用 微小 的 缩 略 图 , 但 Full Fitness 使 用 的 大 多 数 图 像 ( 除了 两 张 机 蕴 锯 炼 的 ) HU IH AE. 
A AVE AAA ITE E 0 

AK e E ARA 23 MI i DZ Teavana 应 用 (图 4-24 ), Teavana 将 茶叶 按 种 类 进行 分 
2H: HŽ (white), 2*Z& (green), 57EZ& (oolong) 和 红茶 (black )。 有 趣 的 是 ，Teavana 使 用 
的 迷你 信息 架构 和 You Are Your Own Gym ( UL) 4-23a ) 的 略微 不 同 :前 者 日 身 没 有 独立 的 页 面 ， 
而 是 以 固定 不 变 的 条 状 区 域 形 式 显示 在 茶叶 列表 的 项 部 ， 即 当 用 户 深 动 屏 妆 浏 览 茶叶 列表 时 也 
不 会 消失 。 这 种 方法 牺牲 了 一 些 屏 幕 空间 ， 但 能 让 用 户 更 有 效率 地 切换 茶叶 种 类 。 不 过 那些 缩 
略图 既 太 小 又 没有 必要 ， 不 太 可 能 会 有 人 能 根据 这 样 的 图 片 辨 认 或 选择 人 茶叶， 也 许 任 何 图 片 都 
不 能 。 


























$9 Chateau Blanc Whit... 

Gab Chateau Blan Z 

r^ Earl Grey White Tea yk 
* Flavored White Tea d 


ody + Mind White... rA 





i 


se Frutto Bianco Pearls... 


Golden Mojito White... 





Tea Touch | 


4-24 Teavana 的 iPhone 版 应 用 。Teavana 的 茶叶 列表 使 用 了 
适当 的 迷你 信息 架构 ， 顶 部 显示 4 种 茶叶 类 别 的 面板 是 固定 的 
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4.4.4 由 使 用 习惯 驱动 的 结构 


关于 某 一 主题 有 大 量 信 息 时 ， 可 以 使 用 以 下 3 种 方式 呈现 。 

图 长 长 的 一 页 。 一 整 张 页 面 是 种 简单 的 选择 ,但 它 让 用 户 难 以 找到 单独 的 子 主题 。 这 种 方 
ALA AT eS | ACA Peer, AAT AS I aE EBT EE ( 许多 用 户 到 
不 了 这 地 步 就 会 放弃 )。 

图 迷你 信息 架构 。 迷 你 信息 染 构 有 助 于 将 信息 分 割 成 恰当 的 区 块 。 这 让 用 户 能 够 耳 接 找到 
目 己 感 兴趣 的 子 主题 。 而 且 ， 相 比 无 穷 无 尽 的 滚动 ， 他 们 对 整体 的 概念 空间 也 能 有 更 好 
的 理解 。 

B 分 布 式 信息 。 分 布 式 信息 是 指 将 许多 主题 的 子 主题 混合 在 一 起 ， 比 如 Full Fitness 的 胸 
部 锯 炼 版 块 ( Chest Exercises， 见 图 4-23b ) 承包 括 了 俯卧 撑 练 习 和 弹力 绳 健身 机 (〈 cable 
machine ) 练习 等 。 

在 本 昔 ， 我 们 论证 了 第 二 种 方式 往往 能 够 提升 可 用 性 。 不 过 ， 迷 你 信息 织 构 仅 适 用 于 一 种 

情况 ， 即 你 能 够 将 分 割 后 的 信息 空间 按照 顺应 用 户 思维 模型 和 所 做 任务 的 方式 进行 组 织 。 

FH Web 诞 生 以 来 ,内 部 封闭 这 种 组 织 方 式 一 下 是 最 不 受用 户 欢 迎 的 设计 误区 之 一 ,举例 来 说 ， 
我 们 通过 对 企业 内 网 信息 架构 的 持续 人 研究 发 现 ， 一 旦 用 基于 任务 的 信息 架构 替换 基于 部 门 的 信 
息 架 构 ， 使 用 率 和 员工 生产 力 都 会 有 大 幅 的 提升 。 

迷你 信息 架构 的 问题 也 是 如 此 。 如 果 它 是 按照 你 的 内 部 组 织 结构 图 或 者 其 他 与 客户 期 望 的 
信息 获取 方式 不 符 的 方式 进行 组 织 的 ， 那 么 它 不 会 给 你 齐 来 任何 大助。 但 是 ， 如 有 果 你 对 迷你 信 
县 架构 敞开 怀抱 ， 明 确 一 个 基于 使 用 习惯 的 结构 方案 ， 并 以 它 为 基础 去 设计 清晰 而 适度 的 导航 
系统 ， 那 么 它 可 能 就 会 是 效果 最 佳 的 方案 。 
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从 智能 手机 到 平板 电脑 的 转变 看 起 来 似乎 是 一 
小 步 ， 只 是 屏幕 尺寸 有 了 变化 。 虽 然 许 多 针对 智能 
手机 的 设计 建议 对 平板 电脑 仍然 有 效 ， 但 是 尺寸 的 
差异 还 是 带 来 了 使 用 习惯 以 及 设计 上 的 区 别 。 本 章 
将 探究 iPad 和 Kindle Fire 的 可 用 性 ， 这 两 者 分 别 是 
大 屏幕 平板 电脑 和 中 等 尺寸 平板 电脑 最 重要 的 代表 。 
我 们 还 将 简单 讨论 Kindle Fire 的 上 一 代 产 品 : 电子 


书 阅读 器 Kindle。 
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5.1 iPad 的 可 用 性 


“ 它 看 起 米 像 个 巨型 的 iPhone.” 这 是 我 们 请 用 户 测试 iPad 时 他 们 说 的 第 一 句 话 。( 他 们 的 
第 二 句 是 什么 ? “E, CER! C) 

不 过 ， 从 交互 设计 的 角度 看 ，iPad 版 的 UI 不 应 该 只 是 iPhone 版 UI 的 扩大 版 。 图 5-1 展 
示 了 一 于 名 为 Alfred 的 应 用 ， 它 会 了 解 你 对 和 餐馆 的 偏好 ， 并 回 你 推荐 新 的 去 处 。Alfred 应 用 在 
iPad 和 iPhone 里 的 界面 是 一 样 的 。 这 是 个 人 简单 的 解决 方案 ,但 我 们 并 不 推荐 这 么 做 ， 因 为 它 在 
iPhone 版 界面 上 显得 拥挤 ， 而 在 iPad 版 的 界面 上 却 浪费 了 可 用 的 屏幕 空间 。 

iPad 不 仪 屏 雄 更 大 ， 同 样 重要 的 是 ， 它 的 使 用 环境 也 是 不 同 的 。 我 们 听 到 很 多 人 说 iPad 并 
`\ 意 味 着 移动 ， 但 事实 上 ， 这 种 说 法 也 对 也 不 对 。 人 们 可 能 会 随身 带 着 iPad， 却 不 会 期 待 它 像 
智能 手机 那样 具备 快速 的 反应 能 























ui. AT&T M-Cell 全 10:23 PM 


Ideas Quick Pic... Filter 


Because you like: Casa 
Lupe Number 2 


7:12 PM 
Quick Picks 


Because | thought you 
might like a surprise. 


90% liked 1.4 miles from here 
of 41 people in Sunnyvale, CA 


Peacock Lounge 


Drinks 


74% liked 2.0 miles from here 
of 175 people in Palo Alto, CA 


Rudy's Pub 
Bar 














5-1 Alfred 应 用 在 iPad 和 iPhone 里 的 
界面 是 一 样 的 ， (a ) iPhone 版 ，(b ) iPad 版 
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iPad 和 iPhone 的 一 大 区 别 是 ， 普 通 网 站 在 大 尺寸 平板 电脑 上 表现 较 好 ( 图 5-2 )。 完 整 版 网 
站 里 的 文本 在 iPad 上 有 着 不 错 的 可 读 性 ， 不 过 一 些 元 素 可 能 尺寸 太 小 难以 触 控 。 如 果 用 户 不 需 
要 完成 复杂 的 任务 ， 只 是 阅读 和 观看 图 片 或 视频 的 话 ， 还 是 比较 容易 操作 的 。 相 反 ， 移 动 版 网 
站 在 iPad 上 显得 稀 稀 落落 且 内 容 贫乏 ， 不 如 完整 版 网 站 那样 更 好 地 利用 了 空间 。 男 一 方面 ， 我 
们 的 iPhone 可 用 性 调研 显示 ， 用 户 对 应 用 的 偏爱 远 远 胜 于 完整 的 Web， 因 为 在 小 屏 旨 上 浏览 
多 数 网 站 实在 太 过 痛 兰 。( 移动 优化 网 站 绥 解 了 这 个 难题 , 但 它们 的 可 用 性 通常 还 是 要 低 于 应 用 ， 
FEJL 2.3 节 中 的 讨论 。) 

不 过 ， 相 比 iPad 自身 并 不 密集 和 高 度 受 控 的 环境 ，iPad 上 的 大 多 数 Web 页 面 还 是 提供 了 过 
于 丰富 的 使 用 体验 。 当 某 款 iPad 应 用 突然 将 用 户 传送 至 Web 时 ， 这 一 转变 可 能 让 人 不 太 适 应 。 
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5-2 iPad 里 显示 的 Buy.com 网 站 : (a) 完整 版 (b) 移动 版 


而 且 ， 所 有 触摸 屏 上 常见 的 “ 胖 手指 ”问题 必定 仍然 存在 ,就 是 说 用 户 很 难 准 确 地 触 控 屏 
fe BA) ICR. iPad 中 存在 着 一 种 阅读 和 触 控 间 的 非 对 称 性 ， 即 满足 阅读 要 求 的 是 够 大 的 文字 
对 于 触 控 而 言 还 是 太 小 。 因 此 ， 我 们 强烈 建议 任何 想 要 吸引 众多 iPad 用 户 的 Web 页 面 都 采用 大 
尺寸 的 触 控 区 域 。 

我 们 的 确 见 过 一 些 在 平板 电脑 上 工作 良好 的 Web 页 面 ， 这 是 因为 它们 有 着 更 大 的 可 触 控 区 
域 。 举 个 例子 ， 维 珍 美 国 的 航班 预订 页 面 ( 图 5-3) 让 用 户 可 以 轻 触 期 望 起 飞 时 间 所 在 的 整个 单 
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元 格 内 的 任何 位 置 ， 而 不 仅 是 小 得 多 的 单 选 按钮 甚或 是 边 上 的 文字 说 明 区 域 。 那 些 元 素 在 iPad 
上 工作 良好 。( 但是， 该 公司 网 站 里 不 是 所 有 的 页 面 都 对 iPad 友好 ， 其 中 的 一 些 元 素 ， 比 如 以 
美元 “U.S. dollars” 还 是 以 积分 “Elevate Points” 显 示 费 用 的 单 选 切换 按钮 还 是 太 小 了 。) 





图 5-3 维 珍 美国 的 网 站 iPad © 12:24 PM 4% > 
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从 至 少 10 En aR, ET ATA FA fee se IE PB ER ETA, ASS By 
常见 的 词语 便 是 “复杂 ”。 与 之 相对 ， 许 多 iPad 应 用 给 人 的 第 一 印象 则 是 “优美 ”( 图 5-4 )。 新 
aX HJ iPad 有 着 更 高 的 分 辩 率 (所谓 “ 视 网 膜 ” 屏 大 )， 带 来 了 更 加 震撼 的 视觉 体验 。 小 尺寸 、 
难以 分 辩 的 图 片 不 能 充分 发 挥 iPad 展示 精美 图 片 的 天 生 才 能 ， 对 比 一 下 图 5-5a 里 低 质量 的 缩 略 
图 和 图 5-5b 里 大 而 清晰 的 图 片 ， 就 能 体会 这 一 点 。 
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让 用 户 体验 变 得 更 心 悦 目 当然 是 受 欢 迎 的 ， 对 一 种 可 能 更 像 是 休闲 电脑 而 非 商务 电脑 的 设 
备 来 说 更 是 如 此 。 不 过 ,应 用 的 实用 性 以 及 功能 和 内 容 所 提供 的 益处 是 最 重要 的 ， 人 退 求 关 观 不 
应 该 以 牺牲 这 些 作 为 代价 。 

iPad 仅仅 发 布 了 两 年 ， 可 用 性 就 得 到 了 巨大 的 提升 ， 人 们 也 习惯 了 使 用 众多 应 用 。 不 过 ， 
一 如 既往 ， 这 不 是 你 放松 敬 惕 的 理由 。 新 的 可 用 性 问题 已 经 出 现 ， 旧 的 问题 还 没有 彻 瓜 消失 。 
但 总 体 而 言 ， 触 控 式 平板 电脑 的 用 户 体 验 有 着 光明 的 未 来 。 


5.1.1 平板 电脑 是 多 人 共用 的 设备 


除了 那些 独居 的 人 ， 我 们 的 调研 参与 者 一 致 报告 他 们 与 其 他 的 家 庭 成 员 共 用 目 己 的 iPad。 
当 我 们 请 人 们 一 一 介绍 平板 电脑 里 安 逆 的 应 用 时 ， 他 们 经 浓 会 发 现 其 他 家 庭 成 员 所 安 猴 的 应 用 。 

iPad 的 共用 属性 有 别 于 更 私人 化 的 手机 ， 后 者 通常 只 是 日 己 一 个 人 拥有 和 使 用 。 

显然 ， 当 市 场 苑 争 使 平板 电脑 的 价格 降低 后 ， 它 们 在 未 来 有 可 能 变 成 真正 的 私人 设备 。 但 
至 少 在 目前 ， 你 仍然 应 当 假设 上 自己 在 为 一 种 多 用 户 设备 进行 设计 。 举 个 例 于 ， 用 己 可 能 不 愿意 
在 茶 于 应 用 里 保持 登录 状态 ,但 他 们 可 能 还 是 会 坪 记 目 己 的 密码 。 男 外 ， 设 计 一 些 识别 性 很 强 
的 程序 图 标 也 很 重要 ， 这 样 它 们 才能 在 拥挤 的 多 用 户 应 用 列表 里 显得 醒目 。 


5.1.2 AMA iPad 做 些 什 么 


我 们 的 用 户 中 有 大 约 一 半 人 报告 说 他 们 经 党 随 号 携带 目 己 的 iPad， 男 一 半 则 说 他 们 主要 是 
在 家 里 或 者 在 长 途 旅 行 时 使 用 。 

据 受 试 者 描述 ， 他 们 最 第 用 iPad 来 玩 游戏 、 查 收 电 子 邮件 、 登 录 社 交 网 站 、 观 看 视频 或 电 
影 以 及 阅读 新 闻 。 人 们 还 用 它 浏览 Web 和 做 一 些 与 购物 有 关 的 研究。 不 过 ， 大 多 数 用 户 感 觉 在 
名 面 电 脑 上 购物 更 容易 一 些 。 不 少 人 还 担心 在 iPad. 上 进行 电子 购物 的 安全 性 。 

RTA 36 Ur $8] Pt iPad 已 经 取代 了 他 们 的 笔记 本 电脑 。 这 并 不 意味 着 他 们 突然 开始 在 
iPad 上 写 程 序 或 者 制作 PowerPoint 约 灯 户 ， 而 是 指 某 些 更 复杂 的 信息 搜索 工作 正在 从 笔记 本 电 
脑 转 回 iPad。 用 户 可 能 会 尝试 在 iPad 上 研究 度假 去 哪儿 或 者 有 什么 新 产品 ， 但 不 一 定 会 当场 决 
定购 买 。 而 大 多 数 用 户 根本 不 会 想 要 在 智能 手机 上 完成 这 样 的 任务 。 相 反 ， 他 们 在 智能 手机 上 
所 做 的 可 能 仅 限 于 简单 和 即兴 的 信息 需求 ， 比 如 路 上 章 遇 骏 风 雪 时 寻找 最 近 的 旅馆 。 

一 般 来 说 ， 除 了 回复 电子 邮件 这 样 少量 的 内 容 创 作 ，iPad 主要 被 用 于 媒体 消费 。 的 确 ， 打 
发 时 间 (经 浓 会 涉及 某 种 媒体 消费 ) 是 智能 手机 和 平板 电脑 共有 的 另 一 大 用 途 。 打 发 时 间 经 尝 
由 设备 驱动 而 非 由 用 户 驱 动 ， 用 户 可 能 只 有 一 个 总 的 目标 ,例如 阅读 新 闻 或 浏览 淋 志 ， 因 而 对 
设备 提供 的 任何 内 容 都 会 愉快 地 接受 。 不 过 ， 即 使 是 打发 时 间 ， 人 们 使 用 手机 和 平板 电脑 的 方 
式 也 有 着 细微 的 区 别 。 智 能 手机 的 使 用 过 程 比 iPad 更 短暂 ， 更 碎片 化 。 在 智能 手机 上 ， 用 户 可 
能 会 找 一 篇 文章 来 快速 阅读 以 打发 等 候 火 车 的 3 分 钟 时 间 。 而 一 旦 上 了 火车 ， 他 们 可 能 就 会 拿 
出 iPad 来 度 过 回 家 路 上 的 这 一 个 小 时 。 

这 就 像 一 个 用 户 在 谈论 他 的 iPad 时 所 说 的 :“ 使 用 这 个 设备 的 时 候 我 一 点 儿 都 不 着 急 。 
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5.1.3 iPad 设计 面临 的 三 重 威胁 


iPad 的 UI 设计 很 容易 面临 以 下 3 种 威胁 ， 它 们 会 给 用 户 珊 来 巨大 的 困惑 。 

W 不 多 发 现 。 那 些 问题 UI 基本 上 都 隐藏 在 像 蚀 刻 焉 璃 一 样 的 艺术 设计 当中 ， 人 们 难以 发 现 
它们 的 功能 。 详 见 下 文 附注 柱 “ 感 知 到 的 功能 : 现在 你 能 看 见 我 吗 ?”。 这 些 区 域 看 起 来 
征 不 可 触 控 的 。 

W 不 易 记 忆 。 手 抒 的 加 有 属性 是 持续 时 间 短 ， 帮 在 不 同 的 应 用 里 不 能 保持 一 致 ， 学 习 起 来 
就 会 很 困难 。 我 们 在 第 3 草 里 指出 过 ， 多 依赖 通用 命令 会 比较 好 。 

W 意外 触发 。 用 户 可 能 误 触 菏 些 元 系 或 者 无 意 间 做 了 个 手势 从 而 启动 了 菏 个 功能 。 意 外 的 
触 控 会 一 次 又 一 次 地 市 来 且 烦 ， 尤 其 是 在 那些 缺少 后 退 按钮 的 应 用 里 。 


1. 功能 不 易 发 现 

第 一 批 iPad 应 用 让 人 回想 起 1993 年 的 Web 设计 , 当时 Mosaic 首次 实现 了 图 像 映射 (image 
map ), 使 得 任何 图 片 里 的 任何 部 分 部 可 以 成 为 单独 的 UI 元素。 结 末 图 像 设 计 师 们 对 此 大 加 小 用， 
他 们 能 画 出 来 的 任何 东西 部 有 可 能 变 成 UI， 无论 有 没有 道理 。 

这 与 第 一 批 iPad 应 用 的 情况 一 模 一 样 ， 这 个 设备 上 任何 可 以 显示 和 触 措 的 东西 部 有 可 能 是 
UI。 盛 行 一 时 的 设计 思路 基本 上 就 是 用 一 块 块 图 像 铺 满 屏 硕 ， 就 像 是 蚀刻 在 屏 硕 上 一 样 ， 不 加 
其 他 的 视觉 干扰 物 或 朴实 的 按钮 。 这 种 思路 的 代价 就 是 重复 了 我 们 目 20 世纪 90 年 代 中 期 起 就 
不 曾 再 见 到 的 一 种 可 用 性 问题 用户 不 知道 可 以 点 击 或 轻 触 哪些 地 方 。 

最 近 15 年 的 Web 可 用 性 人 研究 发 现 , 主 要 的 问题 是 用 户 不 知道 前 往 哪 里 或 者 该 选择 哪些 选项 ， 
而 不 是 连 存在 哪些 选项 都 不 知道 。 这 些 iPad 上 的 早期 UI 又 将 我 们 市 回 到 了 原点 : Dee JG 
法 被 感知 ， 也 就 是 说 ， 用 户 不 知道 轻 和 触 各 种 屏 考 元素 之 后 会 得 到 什么 反应 。 

相 比 之 下 ， 面 向 昌 面 用 户 的 GUI 设计 原 则 一 下 要 求 按 钮 看 起 来 应 该 是 凸 起 的 ( 所 以 可 以 按 
下 )， 而 且 深 动 条 和 其 他 交互 元 条 要 在 视觉 上 和 内 容 有 明显 的 区 别 。 

传统 的 GUI 对 “教会 与 政府 ( 即 内 容 与 功能 或 命令 ) 的 区 分 已 经 沿袭 到 了 现代 Web 设计 之 中 。 
那些 1993 年 样式 的 图 像 映射 早已 从 任何 想 在 互联 网 上 做 生意 的 网 站 中 消失 了 。 

SR, iPad 的 设计 标准 已 经 开始 浮现 ， 但 我 们 仍然 能 看 到 一 些 功 能 不 易 发 现 的 应 用 。 图 
5-6 展示 的 Martha Stewart Cocktails 应 用 将 导航 栏 隐藏 在 左上 角 的 丝 帘 里 ， 让 用 户 上 自己 去 猿 导 航 
元 素 可 能 在 何人 处 。 同 样 是 这 于 应 用 ， 可 触 挖 和 不 可 触 控 的 内 容 都 使 用 了 红颜 色 ， 比 如 “Frozen 
Bloody Mary” 和 “serves 4” 是 不 可 触 控 的 , 但 “share” 和 “add” 却 是 可 以 的 。 

类 似 地 ，Star Trek PADD 应 用 (图 5-7) 也 在 清楚 表现 可 触 控 性 方面 做 得 很 差 ， 在 设计 上 
显得 缺乏 一 致 性 。 里 面 的 搜索 工具 被 隐藏 在 屏幕 右 侧 底 部 的 “搜索 ”( Search ) 文字 中 ， 而 这 些 
字 看 起 来 不 像 是 能 点 击 的 ， 其 原因 之 一 是 它 被 屏 硕 底部 导航 栏 里 的 图 标 和 椭圆 边框 的 字 串 所 包 
围 。 如 有 果 那 些 元 条 是 可 触 控 的 (事实 上 也 是 )， 那 么 其 他 任何 可 触 控 的 元 素 看 起 来 都 应 该 和 它们 
相似 。 
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图 5-6 iPad 上 的 Martha Stewart 


Cocktails 应 用 。 左 上 角 的 丝带 / 徽标 组 Aq 全 
合 隐藏 了 一 条 导航 栏 。 (RINSE, 3 IX zz FROZEN BLOODY MARY 
种 缺乏 触 控 功能 可 见 性 


ETE 


2 cup iresh lin 
limes) 

1 tablespoon freshly grated or 
prepared horseradish 

1 teaspoon hot sauce, such as 
Tabasco, or to taste 
Coarse salt and freshly ground 
pepper 
Celery stalks, for garnish 


EI add to shopping list 


图 convert units 


Combine frozen tomatoes, vodka, lime 
juice, horseradish, and hot sauce in a 
blender; season with salt and pepper. 
Purée until smooth but still very thick. 
Divide among 4 chilled glasses, and 
garnish with celery stalks and additional 
cherry tomatoes. Serve immediately. 


r add a note 

















5-7 iPad 上 的 Star Trek PADD 应 用 。 
屏幕 右 侧 底部 蓝 色 的 “搜索 ” (Search) 
文字 看 起 来 不 像 是 能 点 击 的 ， 但 它 其 实 
可 以 ( 屏幕 左 侧 对 称 的 “Home” 字 串 
HEI) 














虽然 一 些 设计 较 好 地 在 界面 中 展现 了 功能 ， 引 导 了 用 户 ， 但 零 chrome WERKTE. YT 
多 设计 师 仍然 假设 用 户 会 愉快 地 探索 他 们 的 应 用 ， 发 现 各 种 功能 (图 5-8). (XF chrome B7 
入 讨论 见 3.1.1 节 。) 

在 图 5-8 中 ，iPad 版 的 The Collection 应 用 收集 了 《纽约 时 报 》 里 有 关 时 尚 的 文章 。 这 球 应 
用 希望 利用 iPad 上 照片 的 吸引 力 , 里 面 的 所 有 文 草 都 以 不 附 市 可 见 文学 的 巨 幅 缩 略 图 形式 展现 。 
当 用 户 轻 触 其 中 一 张 缩 略图 时 ， 他 们 会 看 到 一 Pipes JL ARCA D] EA SM AEA KE, W 
Wr Ai FRU fp E Pg — “TS Es. TABI BE ex AP BN Ted. Rr aR A, BEG 
AREA THR CES AER EY. MH., f A RAR HI E c E a eg e s — EA ERE 
的 事情 。 
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图 5-8 iPad 上 的 《纽约 时 报 》 
The Collection 应 用 使 用 了 巨 幅 
照片 来 代替 文字 
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2. 手势 不 易 记忆 

我 们 在 第 3 章 里 讨论 了 手势 及 其 可 记忆 性 ， 当 时 介绍 的 是 一 些 试 图 通过 使 用 手势 来 摆脱 
chrome 的 例子 。 因 为 iPad 引 入 了 它 的 前 辈 iPhone 所 不 具备 的 多 点 触摸 功能 ， 于 是 设计 师 们 使 
用 手势 的 兴趣 被 极 大 地 激发 了 了， 他们 甚至 还 定义 了 一 些 新 的 手势 来 让 使 用 体验 显得 更 喘 临 其 境 。 

但 是 ， 手 势 日 身 不 具备 可 感知 的 功能 性 ， 人 们 不 太 容 易 猪 得 到 它们 。 即 使 应 用 告诉 用 户 该 
如 何 操作 ， 新 手势 对 他 们 来 说 还 是 很 别扭 ， 经 背 难 以 准确 地 复 现 出 来 。 


感知 到 的 功能 : 




















现在 你 能 看 见 我 吗 ? 





功能 (affordance ) 这 个 名 词 简单 地 说 
就 是 指 你 能 对 某 物 做 什么 。 典 型 的 例子 比 
如 按钮 提供 了 按 的 功能 ， 电 话 拨 号 盘 则 提 
供 了 转动 的 功能 。 一 把 椅子 提供 的 功能 主 
要 是 坐 ， 但 也 可 以 站 ， 如 果 你 想 伸 手 够 到 
较 高 的 书架 却 懒 得 去 找 梯子 的 话 。 

在 触摸 屏 中 ， 任 何 一 点 的 功能 很 明显 
都 包括 触摸 、 敲 击 、 滑 动手 指 、 之 字形 移 
动手 指 或 者 其 他 任何 手势 ， 至 少 理论 上 是 
如 此 。 你 可 以 尝试 刚才 说 的 每 一 种 手势 ， 
但 是 之 后 会 发 生 什 么 呢 ? 

在 实践 中 ， 当 我 们 把 用 户 界 面 里 的 某 


种 东西 称 作 功 能 时 ， 它 的 这 种 行为 不 但 必 
须 是 可 行 的 ， 而 且 还 必须 能 被 系统 识别 ， 
能 被 当做 某 种 输入 或 者 命令 。 

不 过 ， 某 种 手势 仅仅 在 物理 上 可 行 而 
且 能 被 系统 识别 ， 依 然 是 不 够 的 ， 用 户 还 
必须 清楚 地 知道 自己 可 以 执行 这 种 操作 。 
让 人 们 知道 有 两 种 方式 : 他 们 可 以 单纯 凭 
借 过 去 的 经 验 记 住 这 种 手势 ， 也 可 以 根据 
屏幕 中 的 某 些 视觉 提示 推断 出 可 以 执行 这 
种 操作 。 如 果 应 用 的 视觉 设计 让 那些 可 被 
触摸 的 点 发 出 “请 触摸 我 ”的 人 信号， 用户 
就 更 有 可 能 明白 他 们 能 触摸 那些 点 。 
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依赖 用 户 记 住 自己 的 选择 必然 会 导致 
可 用 性 低下 。 人 类 的 大 脑 基本 上 不 擅长 记 
忆 太 多 的 抽象 细节 。 

在 谈 到 人 们 看 得 到 自己 能 做 什么 的 时 
候 ， 我 们 有 时 会 使 用 “感知 到 的 功能 ”这 
个 术语 ， 来 强调 这 些 行 为 不 仅 是 可 行 的 ， 
而 且 是 可 以 预先 看 到 的 。 

我 们 的 同事 Don Norman 在 他 的 经 典 著 
作 《 设 计 心 理学 》( The Design of Everyday 


Things) 里 介绍 了 更 多 有 关 功 能 的 内 容 ， 
如 果 你 对 这 个 话题 有 兴趣 ， 建 议 你 看 一 
看 。 正 如 Don 所 指出 的 ， 大 多 数 分 析 者 
懒得 区 分 潜在 的 功能 与 感知 到 的 功能 。 
实事 求 是 地 说 ， 我 们 在 这 本 书 里 一 般 也 
不 区 分 。 当 我 们 谈 到 “功能 ”一 词 时 ， 
基本 上 就 是 指 用 户 能 看 到 他 们 可 以 做 什 
么 。 换 匈 话 说， 我 们 说 的 就 是 感知 到 的 


功能 。 








在 iPad 上 ， 大 多 数 人 能 日 发 使 用 的 手势 是 点 触 和 拖 搜 。 如 琳 茶 个 界面 有 大 良 好 可 见 的 水 平 
滚动 功能 ， 人 们 就 很 容易 发 现 可 以 用 快速 滑动 的 手势 翻 页 。 但 是 ， 其 他 一 些 哪 人 只 需要 单 根 手 
指 的 手势 ( 比如 双击 或 按 住 不 放 ) 却 对 一 般 人 而 言 没 有 前 者 那么 熟悉 。 

当 我 们 进入 多 扣 触 控 这 个 领域 之 后 ， 复杂 性 束 增 加 了 了， 用户 做 错 手势 的 可 能 性 也 在 变 大 。 
担 和 拉 的 手势 经 稼 被 用 于 缩小 和 放大 ， 人 们 相对 比较 熟悉 。 但 是 ， 用 户 很 难 掌 握 用 两 根 手指 向 
上 深 动 页 面 ,或 者 用 三 根 手指 点 触 / 拖 搜 以 缩小 和 在 缩小 状态 移动 页 面 CR PEP SEARS n] 
在 iPad 的 设置 应 用 里 定义 ， 用 来 改善 可 访问 性 )。 我 们 见 过 好 几 个 人 条 拙 地 试图 重复 这 些 手 热 ， 
最 后 还 是 做 错 了 。 

用 户 对 手势 的 记忆 同样 也 存在 着 问题 。 如 果 你 的 应 用 定义 了 一 些 人 们 在 别 的 应 用 里 未 曾 遇 
到 过 的 手势 ,那么 他 们 就 不 太 能 够 记 住 这 些 独特 手势 ,我 们 从 Web 上 看 到 的 规律 在 这 里 同样 适用 : 
用 户 99% 的 时 间 都 是 花 在 别 的 应 用 上 。 

















= AAR 





手势 是 一 种 基于 识别 技术 的 用 户 界 行 猜测 。 用 户 的 本 意 是 想 做 快速 直线 滑动 


面 。 这 样 的 交互 设计 类 型 还 包括 了 手写 识 
别 、 语 音 识别 和 自然 语言 理解 。 它 们 的 共 
同 之 处 在 于 ,计算 机 必须 对 原始 输入 进行 
解读 ， 党 试 判 断 用 户 真 正 的 意思 。 相 反 ， 
当 用 户 点 击 了 电子 商务 网 站 上 的 “购买 ” 
按钮 或 者 按 下 了 键盘 上 的 “A” 键 时 ， 这 
些 操作 的 定义 是 独一无二 的 。 无 论 用 户 
是 猛烈 地 还 是 轻柔 地 按 下 那个 键 都 无 关 紧 
要 ， 他 们 得 到 的 始终 就 是 一 个 “A” 。 
不 过 ， 对 于 手势 而 言 ， 计 算 机 必须 进 


还 是 圆周 运动 ? 如 果 手 势 之 间 的 区 别 足 够 
大 ， 计 算 机 将 原始 输入 与 想 要 做 的 手势 进 
行 匹 配 并 不 困难 。 这 也 是 对 茶 些 限定 词汇 
(controlled vocabulary ) 进行 语音 识别 非 
常 容易 的 原因 ， 这 样 的 识别 经 常 被 用 于 语 
音响 应 系统 ， 比 如 当 它 们 提示 你 说 “是 ” 
或 者 “不 是 ”的 时 候 。 

所 有 基于 识别 的 用 户 界面 都 存在 着 识 
A| ABE, KAILA PRPS, 

虽然 计算 机 已 经 越 来 越 善于 解读 模糊 
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的 输入 ， 但 是 你 必须 接受 这 个 事实 : 基于 识别 的 正确 率 即 使 达到 99% 也 很 有 可 
识别 的 交互 永远 不 会 像 精确 定义 的 操作 能 无 法 让 人 满意 。 在 哪怕 只 有 1% 的 时 间 
( 比如 按 下 某 个 按钮 ) 那样 准确 。 这 再 次 里 错误 地 解读 了 用 户 的 行为 ， 这 个 系统 也 
说 明了 不 应 该 设计 那些 过 度 复杂 、 容 易 让 会 让 人 感觉 不 太 可 靠 ， 用 户 们 也 会 害怕 使 
用 户 感到 困惑 的 手势 。 用 它 。 





使 用 太 多 的 手势 可 能 会 让 用 户 感 到 困 惑 ， 他 们 也 许 会 志 记 该 用 哪 种 手势 实现 菏 个 功能 ， 而 
且 对 多 种 手势 的 记忆 最 终 经 毕 会 互相 干扰 。 里 说 有 些 手 势 相对 好 记 些 ,但 如 果 可 以 用 手势 实现 
的 功能 太 多 ， 这 一 点 本 里 就 很 容易 吓 到 用 户 。 

总 之 ， 我 们 建议 使 用 人 们 最 为 束 悉 的 手势 。 如 果 非 得 定义 新 的 手势 ， 请 记 住 它们 将 会 不 易 
发 现 、 不 易 记 忆 ， 而 且 对 用 户 来 次 还 可 能 过 于 复 杀 ， 容 易 出 错 。 出 于 这 些 理由 ， 请 确保 你 的 界 
面 里 存在 着 一 定 的 后 备 手 段 ,让 用 户 即 使 不 使 用 特定 的 手势 也 可 以 访问 应 用 里 的 所 有 功能 。 为 外 ， 
还 可 以 使 用 渐进 式 暴露 的 方式 ， 在 适当 的 上 下 文 环 境 里 慢 慢 将 手势 展 现 给 用 户 ， 并 将 最 为 人 玖 
知 的 手势 赋 子 最 党 用 的 操作 。 


3. 意外 触发 

因为 iPad 的 屏幕 比 一 般 的 智能 手机 屏幕 大 得 多 ， 所 以 用 户 需 要 加 大 动作 幅度 才能 到 达 屏 幕 
的 各 个 位 置 。 由 此 造成 的 结果 是 ， 人 们 在 iPad 上 出 现 意 外 触 控 的 可 能 性 比 在 智能 手机 上 还 要 大 。 

考虑 到 意外 和 触发、 不 易 发 现 和 功能 不 明显 等 如 此 种 种 ， 这 样 的 用 户 体验 经 常会 让 用 户 不 知 
道 刚才 发 生 了 什么 ,或 者 如 何 才 能 重复 某 一 步 又 来 重 现 同样 的 结果 。 更 糟糕 的 是 ， 人 们 并 不 总 
是 能 回 到 之 前 的 状态 ， 因 为 不 是 所 有 应 用 都 会 提供 像 Web 上 的 后 退 按钮 那样 的 出 口 。 

许多 应 用 里 的 可 触 控 区 域 面积 太 小 ， 而 且 距 离 过 近 ， 增 加 了 意外 触及 错误 区 域 的 危险 。 在 
Notability ( 图 5-9 ) 这 个 iPad 便 得 应 用 中 ， 屏 大 上部、 侧面 和 底部 的 元 双 都 是 又 小 又 拥挤 ， 你 
很 容易 磁 到 并 没有 打算 碰 的 地 方 。 男 外 ， 请 注意 图 中 还 指导 用 户 在 涂鸦 时 使 用 两 根 手 指 来 上 下 
深 动 页 面 ， 因 为 拖 动 和 上 下 快速 滑动 这 些 手 势 已 经 被 用 于 涂鸦 功能 了 。 使 用 两 根 手 指 是 一 种 非 
标准 的 复杂 手势 ， 并 不 容易 记 住 或 者 发 现 ， 因 此 这 个 界面 还 提供 了 一 种 蔡 代 方法 ， 页 面 右 侧 小 
小 的 垂直 页 面 显 示 工 具 让 用 户 无 需 滚 动 就 可 以 翻 页 。 

有 些 应 用 在 至 少 一 部 分 页 面 里 放置 了 一 个 假 的 后 退 按钮 《看 上 去 像 是 后 退 按钮 ， 其 实 是 面 
包 居 "按钮 )。 为 什么 说 这 些 按钮 是 假 的 后 退 按钮 呢 ? 要 知道 原因 ， 让 我 们 来 回忆 一 下 第 3 章 里 
介绍 的 两 个 后 退 (一 个 是 返回 上 级 ， 一 个 是 撤销 操作 ) 之 间 的 区 别 。 































































































CD JS (breadcrumb ) 是 指 在 用 户 界 面 里 通过 标注 当前 所 在 位 置 以 及 之 前 的 各 个 层级 来 帮助 用 户 导 航 。 这 一 概念 
源 于 格林 童话 故事 《 汉 赛 尔 与 格 莱特 》( Hansel and Gretel) 里 主人 公 沿 路 撒 面 包 恨 以 标记 路 径 。 一 -一 译 者 注 
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5-9 iPad 上 的 Notability 应 用 使 用 了 又 小 又 拥 
挤 的 界面 元 素 ， 很 容易 发 生 误 触 





Notability is Our favorite note taker. 

We hope it’s your favorite too! 
Sign your copy 
(Hint: use the 
pencil# ) 

Tap 4 again to 
change width 

& color. 





+, Use2fingers 
1o scroll up & 
down the page. 


Notability helps you... 








@ write | 
i| type 2 
® record and is 
«3X organize 

SF B v 





虽然 这 些 面包 习 按 钮 提供 了 后 退 〈 返 回 上 级 ) 功能 ， 却 不 能 用 于 撤销 操作 ， 因 此 用 户 意 外 
触及 屏 禹 错误 位 置 之 后 经 第 找 不 到 回 到 之 前 页 面 的 办 法 。 

在 图 5-10 里 你 可 以 看 到 后 退 (返回 上 级 ) 可 能 会 造成 什么 问题 。 用 户 在 Hotels.com 应 用 里 
搜索 菏 个 酒店 ， 从 结 末 列表 里 选择 一 个 之 后 就 会 如 愿 进入 对 应 的 酒店 页 。 但 是 ， 当 执行 下 一 步 
导航 〈 比 如 点 击 “现在 预订 ”按钮 )， 离 开 该 页 并 到 达 价 格 页 后 ， 轻 触 后 退 按钮 会 将 他 们 吾 回 到 
搜索 结果 页 ， 而 不 是 刚才 的 酒店 页 。 这 时 ， 他 们 需要 再 次 在 列表 里 找到 刚才 那 家 酒店 。 
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图 5-10 Hotels.com 的 iPad 版 应 用 将 后 退 按 
钮 用 于 返回 上 级 ， 而 不 是 撤销 操作 。 (a) 用 
户 查 询 后 生成 的 一 个 搜索 结果 页 。 (b) MR 
索 结 果 页 进入 酒店 页 。( c ) 在 酒店 页 点 击 “ 现 
在 预订 ”按钮 后 到 达 的 价格 页 Api 
后 退 按钮 会 将 用 户 带 回 到 搜索 结 而 不 是 
刚才 的 酒店 页 
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(Q, St Louis, MO, USA ey 


Available hotels, sorted by: “Bestsellers 


Sheraton Clayton 
Plaza Hotel 


Hyatt Regency St. 
Louis at The Arch 


Omni Majestic Hotel 


Show Shortlist 


*k X 4.0 Guest rating 


$1 1 9 n nightly rate 


Xo * * 4.0 Guest rating 


L2 
average nightly rate 





3rd Night Free 


oo o * * 4.3 Guest rating 


$1 1 5 Rudi nightly rate 


The Cheshire 


Xo o * * 4.5 Guest rating 


$169 
average nightly rate 
144 ight 





Holiday Hotel Sale! Save 30... 


Location. 

Sheraton Clayton Plaza Hotel is 
a family-friendly Clayton hotel in 
the business district and close 
to Saint Louis Galleria Mall, St. 
Louis Zoo, and St. Louis Art 
Museum. Additional points of 


Location. 

Located in central St. Louis, 
Hyatt Regency St. Louis at The 
Arch is a family-friendly hotel 
steps from Old Courthouse, 


ES “ 
Everything was great, except 
for the fact that I booked a 
king guestroom and when we 


Our family stayed in two 
adjoining rooms and really 
enjoyed it. Everything was 


arrived, they gave us a gues clean and comfortable. The.. 


Details Details 


(a) 


Location. 

Omni Majestic Hotel is located 
in central St. Louis, close to 
America's Center Convention 
Complex, Edward Jones Dome, 


“ 


Our group booked 4 rooms 
for a baseball weekend in St 
Louis. The hotel was great 
with spacious, well furnishe... 


» 


Advance Purchase Special -... 


Location. 

The Cheshire is located in 
central Richmond Heights, close 
to St. Louis Art Museum, St. 
Louis Zoo, and Cathedral 


“ 


One of the nicest hotel in the 
area. I feel at ease during my 
recent stay. I love the staff, 


the room are kept clean, an 


» 


Details 





The Cheshire 


United States, 63117 


9 6300 Clayton Rd, Richmond Heights, 


866-466-8174 
Xo 4.5 Guest rating 





Location. 

The Cheshire is located in central Richmond Heights, close to St. Louis Art 
Museum, St. Louis Zoo, and Cathedral Basilica of St. Louis. Nearby points 
of interest also include Missouri Botanical Gardens and Arboretum and 
Washington University. 


Hotel Features. 

The Cheshire's restaurant serves breakfast, lunch, and dinner. A poolside 
bar and a bar/lounge are open for drinks. Room service is available. A 
complimentary breakfast is served each morning in the breakfast area. 
Recreational amenities include a 24-hour fitness facility, a children's club, 
and complimentary bicycles. The property's full-service health spa has body 
treatments, massage/treatment rooms, facials, and beauty services. This 4- 


etar nranerty hac a 24-hour hiicinece center and offere a 


(b) 


Zz. 


4 " 5 Guest rating 


Advance Purchase Special - 


"Cheshire St Louis" 


average nightly rate ees 44 


non-refundable 


oU 


Reviewed by M. Sherman of Highland Park IL on Mar... 


One of the nicest hotel in the area. | feel at ease during my 


recent stay. | love the staff, the room are kept clean, and 
the response time to your needs is appropriate. Would | 
recommend it? Every time | am in St Louis, | look forwar... 


57 Guest Reviews 四 All Reviews 








The Cheshire 


9 6300 Clayton Rd, Richmond Heights, 


United States, 63117 


866-466-8174 
oko 4.5 Guest rating 





Deluxe Double Queens 
Continental Breakfast 
Free Parking 
Free Wireless Internet 


Deluxe King 
Continental Breakfast 
Free Parking 
Free Wireless Internet 


Superior King 
Continental Breakfast 
Free Parking 
Free Wireless Internet 


Deluxe Double Queens 
Continental Breakfast 
Free Parking 
Free Wireless Internet 


Deluxe King 


Cantinantol Rroakfact 


(c) 


Advance Purchase Special - 


average nightly rate se $1 44 


non-refundable 


o 


welcomeftrewards. Non-Refundable Rat 


B 
average nightly rate ve $1 44 


welcomed rewards 


""$144 ED 


weicomef&rewards. 


eP 


average nightly rate 
urchase Special 


Non-Refundable Rate 


Non-Refundable Rate 


average nightly rate gredi 52 


welcome&&rewards. 


average nightly rate $1 69 


welcome@rewards. Free canceliationPrice Match Guaranre 
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5.1.4 不 一 致 的 交互 设计 


即使 用 户 弄 明 昌 了 事物 是 如 何 运 作 的 ， 也 很 少 能 将 这 些 技能 从 一 球 应 用 市 到 为 一 球 中 去 ， 
因为 每 个 应 用 程序 都 为 相似 的 功能 提供 了 一 侠 完 全 不 同 的 UI。 

在 不 同 的 应 用 里 ,有 时 其 至 是 在 同一 球 应 用 中 ,用 户 触 挽 一 张 图 片 后 可 能 产生 下 列 各 种 结 

图 没有 发 生 什么 特别 的 事 ( 图 5-11a )。 

mA RAS CE 5-11b )。 

Boonie mAAR (A 5-11c )。 

W 翻转 这 张 图 ,在 同一 位 置 显示 为 一 张 图 ( 打 个 比方 ,这 些 新 图 片 就 像 是 在 原 图 的 “背面 ”)。 

B 跳出 一 组 导航 选 项 。 

B 显示 出 如 何 与 这 张 图 片 交 互 的 提示 ( 图 5-11d )。 

在 《纽约 客 》 琳 志 的 应 用 中 (图 5-11a 和 b )， 点 击 图 片 既 有 可 能 像 点 击 页 面 其 他 位 置 那样 
触发 相同 的 行为 ( 即 显示 出 屏 大 顶部 的 傈 志 导 航 栏 和 的 部 的 滚动 条 )， 也 可 能 显示 出 当前 图 像 的 
































放大 版 。 缺 乏 一 任性 的 问题 在 同一 球 应 用 里 甚至 会 更 加 致命， 用 户 并 不 总 是 能 预计 到 同样 的 操 
作 会 产生 不 同 的 效果 。 
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(a) (b) 

5-11 在 不 同 的 iPad 应 用 里 轻 触 图 片 可 能 会 产生 不 同 的 反应 。 (a) 《纽约 客 》 杂 志 的 应 用 显示 出 屏幕 项 部 和 底部 
的 导航 栏 ; (b) 同样 在 这 款 应 用 里 ， 轻 触 漫 男 图 片 会 将 其 放大 ; ( c)《 生 活 》 杂 志 应 用 显示 出 功能 按钮 和 照片 标题 ; 
(d) Zappos 应 用 显示 出 一 些 如 何 与 这 张 图 片 交 互 的 提示 
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7:05 PM 


PRODUCT: Women's Denali Hoodie 


Spread to zoom in 


P) 


Double-tap to zoom 
completely in or out 
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3% C} 
SEARCH PD 


Pinch to zoom out 


Zoom out completely and 
swipe left for next image, 
swipe right for previous image 


8 


Go & 





(c) (d) 


图 5-11 (£2) 


在 《今日 美国 》 应 用 中 ， 点 击 这 家 报纸 的 徽标 会 弹出 一 个 导航 菜单 ， 里 面 列举 了 各 种 内 容 





版 块 (图 5-12 )。 这 也 许 是 我 们 测试 过 的 最 出 人 意料 的 交互 方式 ， 在 我 们 2010 年 进行 的 首次 测 


试 中 没有 任何 用 户 发 现 这 一 点 。 





E Weather 


New York, NY 
{3 74° 


E Scores 





=USA 


TODAY. 





= Atlanta 
Y Chicago 


ll Day in Pictures (12) 


lll News Snapshots (10) A 
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《今日 美国 》 最 初 的 iPad 应 











Money 


H Life 

NBC finds its singing 
'Voice,' and it's a hit 

NBC is humming a rare tune of relief as 


‘The Voice' provides a desperately 
needed boost to the lagging network. 


Analysis: Microsoft's Skype deal 
aims at consumer market 


TODAY 


i TODAY 
Sports 


Life 


th Skype could help Microsoft achieve its much coveted goal to 


Mississippi Delta residents brace for 
flooding 


Residents along the Mississippi Delta prepared for the 
worst on Tuesday after the river crested short of its all- 





TODAY 
Tech 





Not Charging = | 


"People don't just come to 
GE Capital for money. They 
come to build something." 


Q ce 一 


Obama: Immigration 
plan is an 'economic 
imperative' 










ent Obama 

b the Texas- 

p border today 
hp for his 

of 
ehensive 


Agent: Tutoring of Cam 
Newton could be done by 
Brett Favre 


Whenever Brett Favre 
I returns this week from 
assisting tornado 
victims in the 
devastated town of 
Hackleburg, Ala., 


Investigators ask for help 
with Lance Armstrong 


case 
Undeterred by the slap on the wrist 
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我 们 在 一 年 后 的 2011 年 重新 测试 凡 今 日 美国 头 用 。 虽 然 那 时 候 iPad 已 经 面世 了 一 年 之 久 ， 
但 是 拥有 不 宦 平 板 电脑 使 用 经 验 的 用 户 们 还 是 无 法 使 用 这 种 设计 。 我 们 的 一 位 测试 用 户 是 这 于 
HB TE. 虽然 据 他 说 最 终 是 他 目 己 发 现 了 这 种 版 块 导航 功能 ， 但 是 在 测试 过 程 中 他 不 断 问 
我 们 抱 忽 发 现 这 一 功能 有 多 困难 。 用 户 很 少 能 记 住 交互 设计 组 件 的 细 市 ， 这 也 是 观察 用 户 胜 过 
直接 向 他 们 询问 可 用 性 的 重要 原因 。 这 位 用 户 在 几 个 月 后 还 能 回忆 起 他 所 经 历 的 不 便 ， 这 证 明 
了 旧时 航 设计 相当 烦人 。 

幸运 的 是 ， 在 我 们 最 终 测 试 结束 的 几 天 后 ,《 今 日 美国 》 就 发 布 了 新 版 应 用 ， 对 导航 做 了 一 
些 改 进 〈 图 5-13 )。 现 在 ,要 打开 版 块 末 单 ， 用 户 必 须 触 摸 一 个 明确 标注 为 “版 块 ”( Sections ) 
的 按钮 。 这 种 设计 比 图 5-12 所 展示 的 该 报 旧 版 应 用 要 好 得 太 多 了 。 

我 们 在 文章 内 部 的 导航 中 也 见 到 了 类 似 的 一 人 致 性 欠缺 问题 。 为 了 在 到 达 屏 共 瓜 部 之 后 继续 
阅读 ， 需 要 做 的 手势 可 能 是 以 下 任何 一 种 。 

m 停留 在 同一 页 上 ， 只 是 深 动 某 个 文本 域 。 

要 使 用 这 个 手势 ， 你 触摸 的 位 置 必须 在 文本 域 的 范围 之 内 。 不 过 ， 文 本 域 在 屏幕 里 并 没 
有 明显 的 边界 ， 因 此 你 需要 猜测 哪些 文本 是 可 以 滚动 的 。 

W 问 左 快速 滑动 《有 时 候 这 会 将 你 市 到 下 一 篇 文 昔 ， 而 不 是 显示 当前 文章 的 更 多 内 容 ) 

如 末 你 触摸 的 位 置 碰巧 是 广告 或 者 跑马 灯 ， 这 个 手势 就 不 起 作用 了 ( 详 见 5.1.7 TEW 
讨论 )。 

W 问 上 快速 滑动 。 

在 《大 众 科 学 》 杂 志 的 应 用 中 (图 
5-14 )， 了 要 让 页 面 滚动 ， 有 时 候 需 要 在 文本 框 
内 部 垂直 快速 滑动 ， 有 时 候 则 可 以 在 页 面 的 
任何 地 方 滑动 。 当 文字 在 菏 些 页 面 里 深 动 的 
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图 5-13 《今日 美国 》 修 改 之 后 的 iPad 应 用 。 左 上 和 角 
的 “版 块 ”按钮 用 于 提示 导航 
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“A robot may not injure a human being, or, through inaction, 
allow a human being to come to harm.” 
一 The First Law of Robotics, from Isaac Asimov's story "Runaround" 
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图 5-14 《大 众 科学 》 杂 志 的 应 用 存在 着 “多 种 ”页 EN 
HAMA, (a) 垂直 滚动 需要 在 文本 框 内 部 进行 。 
(b) 在 页 面 任何 地 方 都 可 以 进行 滚动 。 (c ) 当 用 户 向 The New Planetary Habitability Index 
下 滚动 页 面 后 新 的 文本 显示 在 了 5 1 4b 里 这 些 直 升 Astronomers often estimate the habitability of extrasolar planets and moons 


based mostly on their temperatures and distance from the nearest star. A team of 
$ : 4 E ` astrobiologists has now proposed a rubric that includes four groups of variables, 
K JL $ 万 each of which is weighted by its importance to sustaining life.— KATIE PEEK 
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].A.E.A. Director General to Visit 


Tehran 


By RICK GLADSTONE 

The United Nations nuclear monitoring 
agency said on Friday that its leader would 
travel to Iran on Sunday for a meeting with the 
country's top nuclear negotiator. The 
unexpected development signaled that both 
sides had stepped up both the urgency of 
resolving their dispute and the seniority of the 
officials doing the negotiating. 

The nuclear monitor, the International 
Atomic Energy Agency, has been locked in a 
protracted dispute with Iran over access to an 
Iranian military base where the agency's 
inspectors suspect that experiments on 
nuclear weapons triggers have been 
performed. Iran has rejected the agency's 
repeated requests for unrestricted access to 
the site, called Parchin. 

The access issue has broader implications 
for Iran's negotiations with six major powers 
— the permanent members of the United 
Nations Security Council plus Germany — 
over its entire uranium enrichment program, 
which are scheduled to take place next 
Wednesday in Baghdad. The six nations have 
urged Iran to allow the nuclear inspectors 
access to Parchin as a sign that it is sincere in 
promising that Iranian nuclear activities are 
for peaceful ends. 

LA.E.A. officials and their Iranian 
counterparts have been negotiating at the 
agency's headquarters in Vienna, where talks 
were set to resume on Monday. But the 
announcement by the agency on Friday 
changed the site to Tehran, and said that the 
director general, Yukiya Amano, would lead 
the delegation. 

The announcement said Mr. Amano would 
travel to Tehran on Sunday "to discuss issues 
of mutual interest with high Iranian officials." 
It continued, “In the course of his one-day 
working visit on Monday, 21 May, the director 


general will meet the secretary of Iran's 
Supreme National Council, His Excellency 
Saeed Jalili, and other senior representatives 
of the Iranian government." 

Mr. Jalili is Iran's lead negotiator in the talks 
with the six powers. 

A spokesman for the council in Tehran said 
that he could not confirm the announcement. 
“T have no information on that,” he said. 

The agency's announcement said Mr. Amano 
would be accompanied by Herman Nackaerts, 
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(a) 


图 5-15 


已 经 在 最 后 一 页 则 会 
的 区 域 需 要 避 开 它 才 能 进入 下 一 


样 被 前 后 不 一 的 UI 所 折磨 ， 应 用 也 变 
预测 性 仍然 存在 ， 有 时 候 就 在 同一 球 应 用 之 中 。 


FE CAAT TR) Ji 


5.1.5 ”模拟 印刷 品 


在 许多 内 容 应 用 里 ， 用 快速 光 动 来 进入 下 一 篇 文革 的 方法 是 模拟 印刷 品 。 事 实 上 ， 当 第 一 批 
通过 触摸 “封面 ”页 里 的 标题 路 到 对 应 的 文章 。 虽 然 


iPad 应 用 面世 的 时 候 ，; 


大 多 数 应 用 现在 已 经 不 存在 这 个 问题 ,但 像 《 大 众 科学 》 森 志 (图 5-16 ) 这 样 的 应 用 却 并 没有 绝迹 。 
-种 来 目 印刷 品 时 代 却 在 电子 媒介 里 毫 无 意义 的 做 法 。 在 数字 环境 中 ， 


一 篇 文章 ”这 种 顺序 概 是 人 为 强加 和 约束 用 户 的 。 人 们 宁愿 从 一 张 包 含 相 关内 容 的 菜单 


iPad 版 《纽约 时 报 》 应 用 中 的 页 面 
屏幕 底部 的 导航 栏 处 于 显示 状态 ， 快速 


滚动 。 (a 
滑动 的 区 域 需 


) 水 平 深 





AD) ( 快速 滑动 手指 ) 会 进 


避 开 它 才 能 进入 下 一 页 





这 种 模拟 甚至 不 允许 你 i 





顺序 导航 则 是 为 


FA eee A CARA , 


ALA b A 
Ze 
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入 文章 的 下 一 页 。 


应 用 中 (图 5-15 )， 水 平 滚动 (快速 滑动 手指 ) 会 进入 文章 的 下 一 页 ， 如 末 
MIA fes mE (Be, WIABESUSRBUAPAVELAB mRNA. Dur 
(在 导航 栏 区 域 里 快速 请 动 会 显示 其 他 文章 的 标题 。) 
随 看 时 间 的 推移 ， ee 用 户 不 再 像 以 前 那 
得 更 一 致 、 更 标准 化 。 但 是 ， 就 像 这 些 例子 展现 的 ， 不 可 
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5-16 《大 众 科学 》 的 封面 不 包含 任何 超 链接 ， 所 有 的 文章 标题 都 不 能 点 击 


iPad 用 户 体验 设计 面临 着 一 个 策略 选择 是 强调 用 户 的 主动 权 ， 还 是 强调 创作 者 的 控制 权 。 
一 些 设计 的 错误 在 于 过 度 忠 实地 模拟 了 印刷 品 。Web 让 用 户 体 验 到 自由 和 控制 的 美好 ， 他 们 不 
太 可 能 会 乐于 回归 顺序 的 使 用 体验 。 

出 版 商 希 望 通过 为 每 种 刊物 营造 独立 的 环境 让 用 户 感 觉 到 其 内 容 更 有 价值 。 类 似 地 ， 他 们 
也 希望 用 户 花 更 多 的 时 间 在 少数 几 种 刊物 上 ， 而 不 是 像 在 Web 上 一 样 匆 匆 路 过 大 量 的 网 站 ， 因 
为 前 一 种 方式 对 他 们 意味 着 更 高 的 价值 。 

在 更 面 端 使 用 Web 时, 用户 很 容易 在 一 周 内 访问 100 个 网 站 ,其 中 多 数 网 站 只 看 1 至 3 页 。( 举 
个 例子 ， 在 一 项 调研 中 我 们 观察 到 某 位 用 户 为 了 买 一 件 商 品 访问 了 15 个 网 站 。 这 些 网 站 涵盖 了 
搜索 引擎 、 评 论 网 站 、 厂 商 网 站 和 和 零售 网 站 。 当 然 ， 只 有 一 家 网 站 做 成 了 生意 。) 大 多 数 的 网 站 
只 会 被 访问 一 次 ， 因 为 用 户 是 通过 搜索 引擎 、 其 他 网 站 的 链接 或 社交 网 站 上 的 帖子 找到 它们 的 。 
缺乏 真实 客户 关系 的 内 容 网 站 是 没有 价值 的 ， 因 为 用 户 花 时 间 上 网 而 创造 出 的 财富 90% 最 终 流 
癌 了 搜索 引擎 。 
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120 $53 平板 电脑 和 电子 书 阅读 器 

















当前 的 iPad 应 用 设计 策略 坚 无 疑问 是 创造 更 具 这 浸 感 的 体验 ， 使 用 户 和 信息 源 建 立 深层 次 
的 联系 。 这 和 Web ir Za FTAA, ITE Web 上 上， 多样 化 是 一 种 力量 ， 没 有 任何 一 个 
网 站 有 能力 独 目 占 据 用 户 的 注意 力 。 用 户 会 在 各 个 网 站 之 间 频 莹 移动， 这 一 现实 要 求 界 面 必须 
从 合 惯例 ， 网 站 要 让 用 户 无 需 学 习 其 至 无 需 多 看 儿 眼 束 能 使 用 。iPad RRRA T, BAA 
们 的 确 在 设备 中 安 闻 了 不 少 应 用 ， 但 经 浓 使 用 的 只 是 其 中 的 一 小 部 分 。 


5.1.6 KAAS SHEN n m 


UI 先驱 Jef Raskin 曾经 使 用 “卡片 大 享 与 神圣 的 卷轴 师 "””( Card Sharks vs. Holy Scrollers ) 
这 种 说 法 来 区 分 两 种 有 本 质 区 别 的 超 文本 模型 。 

B 卡片 是 一 块 固定 大 小 的 画布 。 你 可 以 在 这 个 二 维 区 域 里 任意 排列 信息 ， 直 到 满意 为 止 ( 这 
就 让 人 们 能 创建 出 优美 的 页 面 布 局 ), 但 是 不 能 扩大 它 。 如 果 信 息 在 一 张 卡 片 里 放 不 下 ， 
用 户 就 必须 跳 到 新 的 卡片 上 才能 看 到 更 多 内 容 。HyperCard 程序 是 这 一 模型 最 著名 的 例子 。 
卷轴 能 为 你 想 放 置 的 所 有 信息 提供 空间 ， 因 为 画布 可 以 按照 你 的 意愿 延伸 。 用 户 需 要 做 
的 跳跃 变 少 了 ， 但 代价 是 界面 布局 不 如 卡片 美观 ， 因 为 设计 师 无 法 控制 用 户 在 任 一 时 刻 
会 看 到 哪些 内 容 。 

Web 显然 是 坚定 地 站 在 神圣 的 卷轴 师 这 一 阵 彰 中 ,尤其 是 在 当前 的 时 代 一 一 用 户 经 向 会 滚 
动 页 面 ， 有 时 还 会 阅读 超 长 页 面 下 部 的 信息 。 即 使 是 手机 上 的 应 用 也 时 稼 靠 页 面 滚动 来 呈现 在 
INER FOU. P BERE P 

相反 ， 卡 片 大 享有 主 竺 iPad 设计 的 趋势 。 虽 然 有 些 应 用 将 两 种 模型 混在 一 起 ， 或 者 仍然 忠 
KF Web 模型 ， 许 多 应 用 却 试 着 为 漂亮 的 屏 雄 创建 固定 尺寸 的 布局 。 

卡片 模型 更 适合 某 些 特定 类 型 的 应 用 ， 尤 其 是 新 闻 和 杂志 应 用 。 对 它们 而 言 ， 模 拟 印 刷 品 
的 效应 很 强 ， 这 让 快速 请 动 的 手势 相对 容易 被 用 户 发 现 〈 虽 然 它 仍然 不 是 用 户 在 一 开始 就 会 答 
试 的 手势 ,但 用 户 最 终 能 够 发 现 它 )。 但 是 ， 在 其 他 的 上 下 文 环 境 中 ， 比 如 图 5-17 里 的 鸡尾酒 
配方 应 用 ， 卡 上 户 模型 就 难以 被 发 现 ， 设 计 者 可 能 需要 添加 一 些 提 示 来 帮助 用 户 进行 水 平 导 航 。 

事实 上 ， 即 使 是 那些 并 不 适合 卡片 模型 的 应 用 ， 也 可 以 使 用 一 些 简 单 的 方法 让 快速 请 动 
手势 更 容易 被 用 户 发 现 。 这 些 方法 大 多 数 使 用 某 种 视觉 提示 来 标明 导航 方 回 : Esk CES 
5-18a ) 或 一 些 裁 切 过 的 可 见 内 容 以 稼 造 页 面 是 连续 的 约 党 (图 5-18b ) 通常 是 很 好 的 办 法 ， 但 
页 面 底部 的 小 点 或 图 片 则 可 能 没 那 么 有 效 〈 图 5-18c )， 原 因 很 简单 ， 它 们 与 背景 更 加 融合 ， 更 
不 容易 被 注意 到 。 



















































































(D "RACE" ÆRE 20 世纪 70 年 代 一 档 电 视 游 戏 节 目的 名 字 ， 这 里 用 来 称呼 那些 苹果 电脑 应 用 程序 HyperCard 
理念 的 文 持 者 。“ 神 圣 的 卷轴 师 ” 则 是 修改 自 Holy Rollers， 后 者 本 意 是 指 某 些 教徒 ， 修 改 后 则 指 代 那 些 页 面 滚动 
理念 的 信奉 者 。 一 一 译 者 注 
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5-17 iPad 上 的 Martha Stewart Cocktails 
应 用 需要 用 户 向 左 快速 滑动 进入 下 一 张 配方 ， 
这 种 一 车 卡片 式 的 导航 模型 不 容易 被 发 现 


A 分 


GRAPEFRUIT-MINT 
MOJITO 


serves 4 | Q share | Q add 


Mint simple syrup takes the 
place of crushed leaves in this 
spin on the classic mojito, 
making the drinks easier to 
assemble. 


INGREDIENTS 

1 ruby red grapefruit 

6 ounces (74 cup) white rum 

3 cups ice 

% cup Mint Simple Syrup 
(recipe follows) 

1 cup seltzer 
Mint sprigs, for garnish 


& add to shopping list 
图 convert units 
1. Using a vegetable peeler, remove 


zest from grapefruit in long, wide strips, 


leavina the bitter white pith behind 




















11:58 AM 





Ingredients $ : f . e $ 
Ginger Spice Cake with Dried z oere ATE 


Cherries Amsterdam j ) 
Mel, Netherlands = 5°C 


Preheat oven to 350°F. Butter Bundt pan. Dust 


1/2 cup (1 stick) unsalted 
butter, room temperature, 
plus more for pan 





2 1/2 cups all-purpose flour 
plus more for pan 





pan with flour, tapping out excess. Combine 
1 cup dried tart cherries 


(about 6 ounces), finely cherries, crystallized ginger, grated ginger, and As of 8:45 PM CEST K 

chopped Dijon mustard in a medium bowl. Pour espresso Tonight APR-16 
1/2 cup finely chopped over cherry mixture and set aside. Whisk 2 1/2 m ————À - E T = = 
crystallized ginger cups flour, ground ginger, baking soda, salt, LM 

1 tablespoon finely grated allspice, cinnamon, and pepper in a large bowl. 7 

peeled ginger 

1 tablespoon Dijon mustard Using an electric mixer on medium speed, beat 

1 cup hot espresso or very 1/2 cup butter in a large bowl until light and PM Light Rain /Wind 

strong coffee fluffy, about 2 minutes. Add brown sugar and — o 10° 5 

1 tablespoon ground ginger beat for 2 minutes. Beat in eggs one at a time, High "T Low. m High | Low) 


than heat in moalaccac 


2 teaspoons baking soda 


Chance of Precip Chance of Precip 
(a) 














YEAH , BUT WHAT DOES AN 
ART TEACHER KNOW ABOUT, 
COMICS? 


Tonight Apr 16 Tue Apr 17 Wed Apr 18 Thu Apr 19 


" gre 
“gg Access to your banking Access to your investing bos = 
— m 


Wine t WEATHER MAPS NEWS VIDEO "Med O 


han 


(e) 


图 5-18 让 水 平滑 动手 势 更 易 被 发 现 的 提示 。 
(a) Epicurious 应 用 在 右 下 角 使 用 了 箭头 。 ( b ) Marvel 
应 用 在 屏幕 两 侧 显 示 了 之 前 和 之 后 的 部 分 页 面 。 
( c) Weather Channel 在 顶部 面板 里 显示 了 几 个 小 点 来 标 
明 多 个 页 面 ， 在 下 方 的 两 个 面板 里 则 营造 出 页 面 连续 的 幻觉 


I'M NOT AN ART YOU ARE ? WHICH COMIC DO YOU DRAW? 
TEACHER. I'MA ARE YOU FAMOUS ? DO YOU DO AMAZON 
CARTOONIST \ AGENTS 7 I LIKE POC DAMAGE ! DO YOU 
AND -- D DO MANGA? 
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无 论 你 在 应 用 里 使 用 水 平 滚动 还 是 垂直 滚动 ， 请 目 始 至 终 保 持 同 一 种 导航 方式 ， 不 管 在 同 
一 页 还 是 在 不 同 的 屏幕 方向 下 都 不 要 将 两 者 混用 。Amazon Windowshop 应 用 在 同一 页 内 使 用 了 
ACE ASE ER (图 5-19 )。 这 款 应 用 展示 了 一 张 巨大 的 产品 表格 ， 每 一 列 代 表 了 不 同 的 产品 类 
别 。 你 可 以 快速 水 平 请 动 看 到 更 多 的 产品 类 别 ， 也 可 以 快速 垂直 滑动 看 到 某 个 类 别 里 的 更 多 产 
品 。 一 件 产 品 可 能 会 出 现在 多 个 类 别 当 中 ， 例 如 ，iPad 同时 出 现在 了 计算 机 与 配件 (Computers 
& Accessories ), Kindle 商店 (Kindle Store )、 苹 果 商 店 (Apple Store ) 和 电子 产品 (Electronics ) 
中 。 当 我 们 测试 这 区 应 用 的 时 候 ， 用 户 记 不 起 刚才 看 过 了 哪些 产品 ， 而 且 完 全 迷失 了 
JI In] s 
































3:03 PM Not Charging 四 » 
Computers & Access... Cell Phones & Access... Kindle Store Apple Store Electronics 
dl 
Apple iPad MD328LL... 3 pcs Aqua Blue/Bla... Apple iPad MD328LL... Apple iPad MD328LL... Apple iPad MD328LL... Dam 
Apple Generic Apple Apple Apple Dam 
$559.99 «Prime $1.76 $559.99 «Prime $559.99 Prime $559.99 Prime 

Apple iPad 2 MC979... Apple iPad MC705LL... Apple iPad 2 MC979... Apple iPad MC705LL... iPad 
Apple Apple Apple Apple Edw4 
$416.25 $552.95 $416.25 $552.95 E 
Apple iPad MC705LL... 3 Pack of Black Blue... Kindle Fire, Full Colo... Apple iPad MC705LL... Apple iPad 2 MC979... iPa 

Annle Generic Amazon Annle Annle 














5-19 Amazon Windowshop 应 用 在 同一 页 内 使 用 了 两 种 导航 方式 ， 你 可 以 快速 水 平 或 垂直 滑动 屏幕 
来 浏览 更 多 产品 





《时 代 》 杂志 应 用 (网 5-20) 在 水 平方 回 的 屏幕 里 基本 都 使 用 快速 水 平滑 动手 势 ， 但 在 垂直 
方 回 的 屏 攻 里 混合 了 水 平和 垂直 滚动 。 在 同一 个 应 用 中 ， 人 快速 请 动 或 者 垂直 滚动 都 可 以 让 你 阅 
读 一 篇 文 草 的 下 一 页 。《 时 代 》 杂 志 应 用 的 确 通 过 使 用 小 季 涉 和 “ 深 动 页 面 阅读 更 多 ”( Scroll to 
read more ) 的 红色 文字 来 提示 用 户 可 以 垂直 滚动 ， 但 我 们 的 测试 用 户 对 这 种 不 同 屏幕 方 加 下 的 
不 同 导航 方式 感到 惊讶 , 并且 很 难 适应 ,所 以 不 应 该 让 用 户 在 把 屏幕 从 竖 直 变 成 平 放 (或 者 相反 ) 
之 后 ， 重 新 学 习 使 用 一 种 新 的 界面 。 
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World | 


Bibi’s Choice 


Will he make war? Can he make peace? 


y 
© 


BIS CHOICE — 


HE MAKE WAR? 
HE MAKE PEACE? 


RD STENGEL f $. 


" 


/ 








(a) (b) 


5-20 《时 代 》 杂 志 应 用 在 不 同 的 页 面 里 使 用 了 不 同 的 导航 方案 。 要 在 同一 个 应 用 里 阅读 一 篇 文章 的 下 一 页 , 可 以 ( a ) 
REB, (b) 垂直 滚动 


5.1.7 ”快速 滑动 歧义 


使 用 快速 滑动 手势 进 行 前 后 翻 页 存在 一 个 问题 ， 它 可 能 会 与 页 面 中 其 他 需要 水 平 导 航 的 元 
系 产 生 冲 突 ， 特 别 是 跑马 灯 ( 图 5-21 )。 我 们 将 这 种 快速 滑动 手势 的 重 载 称 为 快速 滑动 歧义 〈 人 参 
见 3.1.2  ) 在 大 多 数 时 候 ， 用 户 翻 页 时 并 不 会 用 手指 固定 触 岳 页 面 里 的 菏 个 特定 位 置 〈 比如 
右 下 角 )， 而 是 更 倾向 于 像 在 实体 书 上 那样 进行 翻 页 。 如 果 快 速 滑动 手势 无 法 在 页 面 中 的 各 人 处 都 
起 作用 ， 用 户 就 会 认为 这 个 应 用 程序 是 有 问题 的 。 

《时 代 》 杀 志 应 用 里 的 一 个 页 面 展示 了 快速 渭 动 卜 义 的 现实 例子 ， 页 面 下 部 的 空间 (图 
5-21a ) 被 一 个 跑马 灯 占 据 ， 在 页 面 上 部 快速 水 平 请 动 会 把 用 户 市 到 下 一 篇 文章 ， 而 在 页 面 下 部 
执行 这 个 手势 则 会 转动 跑马 灯 (图 5-21b )。 用户 一 般 不 会 注意 自己 做 快速 滑动 手势 时 的 位 置 ， 
尤其 是 之 前 的 经 验 告诉 他 们 这 个 手势 在 任何 位 置 都 能 使 用 。 在 页 面 上 放 一 个 巨大 的 跑马 灯会 干 
TOV iy B RR ERE - 

这 是 否 说 明快 速 滑动 手势 被 判 了 死刑 ， 你 必须 完全 放弃 它 ? 不 是 。 这 仅仅 说 明了 你 必须 考 
虑 到 用 户 并 不 一 定 会 触摸 屏幕 上 的 某 个 特定 位 置 (如果 希望 他 们 触摸 屏幕 上 的 某 个 特定 位 置 ， 
最 好 是 提供 一 个 按钮 )。 不 过 ， 我 们 确实 知 近 用 户 通 笛 会 在 徘 近 屏 需 两 侧 的 地 方 执行 快速 滑动 操 
作 〈 但 是 具体 在 两 侧 的 什么 位 置 我 们 就 说 不 上 来 了 小 类 似 于 人 们 在 实体 书 上 的 翻 页 方式 。 所 以 ， 
在 屏 硕 垂 生 的 两 侧 留 出 一 些 安 全 的 、 不 会 冲突 的 空 日 区 域 (并 不 一 定 逢 要 留 日 ， 只 要 不 是 跑马 
灯 就 可 以 了 )， 多 数 傅 况 下 就 足够 了 。 玉 一 种 解决 方式 是 不 要 让 跑马 灯 兰 满 页 面 。 如 打 它 只 占据 
了 页 面 的 一 小 部 分 空间 ， 那 么 用 户 在 快速 滑动 时 碰 到 它 的 可 能 性 就 会 降低 。 
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8:25 PM 8:26 PM Not Charging H > 


The Culture 


200) . 


The Connections. The 
season's literary links 


THIS SUMMER THE BIG LITERARY NAMES—YOUR KINGS, YOUR 
Grishams, your Meyers—will mostly be silent. It's a good opportunity 
to get to know a crop of lesser-known but exceptionally smart and 
interesting writers that includes Gillian Flynn and Alan Furst, Tana 
French and Maria Semple. In case you're not already familiar with 
them, we've helpfully diagrammed their areas of overlap. 


The Culture 


2/00) . 


The Connections. The 
season's literary links 


THIS SUMMER THE BIG LITERARY NAMES—YOUR KINGS, YOUR 
Grishams, your Meyers—will mostly be silent. It's a good opportunity 
to get to know a crop of lesser-known but exceptionally smart and 
interesting writers that includes Gillian Flynn and Alan Furst, Tana 
French and Maria Semple. In case you're not already familiar with 
them, we've helpfully diagrammed their areas of overlap. 


by Kate Summerscale 
Divorce first became a — 
forordinary citizens in Engl 
1857, and one of the very engins 


Tyler's father served in World Histories 
War Il, but, she writes, “you would 1857,and one of 
" was thatof Hen 


memoir, Tyler has told her father's 


war story, bringing his uried 
memories back tolife in pen and 
ink and watercolor while exploring 
how those experiences affected her 
and herdaughter in turn. (7/17) 


doctor. She wrote of her feelings in i 
a passionate, explicit diary that be- Cheating 
came the centerpiece of a scandalous, 
groundbreaking trial. (6/19) 








(b) 


5-231. 《时 代 》 杂 志 应 用 里 的 快速 滑动 层 义 。 (a) 某 篇 文章 的 页 面 在 屏幕 下 方 有 个 跑马 灯 。 (b) 在 页 面 下 方 
快速 水 平滑 动 会 转动 图 书 跑马 灯 ， 而 不 是 翻 页 


5.1.8 ”导航 过 多 


许多 应 用 将 信息 罕 和 狭小 的 区 域内 ， 这 让 它们 难以 识别 和 操作 。 男 一 个 和 它 存在 联系 的 问 
题 是 ， 一 些 应 用 包含 的 导航 过 多 。:j ea due 普遍 。 虽 然 事实 上 你 可 以 从 至 少 25 种 不 同 
的 导航 技巧 中 进行 选择 ( 这 一 数字 是 我 们 在 信息 架构 课程 里 提 到 的 )， 但 是 任何 一 个 给 定 的 用 户 
界面 应 当 只 包括 其 中 的 几 种 。 这 两 个 问题 互 有 联系 ， 因 为 过 多 的 导航 选项 会 让 其 中 每 一 个 能 使 
用 的 面积 更 少 。 

WA 后 个 例子 (图 5-22 )。 这 于 应 用 使 用 了 两 种 不 同 的 导航 方 
式 。 第 一 种 导航 方式 是 传统 的 网 格 ， 里 面 显示 了 各 个 频道 在 什么 时 间 播 放 什 么 节目 。 用 户 可 以 
E E a 
HEFT EY i PPT TTA, AAS ARRE rado H fis PSS we 

是 每 次 只 显示 一 人 1 PGE A 78 FST 要 了 解 现在 正在 播放 的 节目 ， gum 要 在 包含 
lm 了 滚动 。 这 种 体验 类 似 于 用 遥控 需 切 换 频 道 ， 但 这 mok 
是 实际 节目 , 而 是 一 段 节 目 介 绍 。 我 们 的 研究 显示 ,用户 很 少 有 耐心 在 一 长 串 跑 马 灯 里 快速 滑动 ， 
因为 这 AERE HERO. ERRIN AMPIR: ARMEE BARENE 204 
项 目 是 什么 ， 但 我 知道 我 永远 都 不 会 找到 答案 。 
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5-22 iPad 上 的 ATT U-verse WS - 7:16 PM 
E = dEE-. U-verse 
应 用 提供 了 两 种 不 同 的 导航 方式 。 c ATaT U 


Today Jump to Channel 


(a) 显示 节目 和 频道 的 网 格 ; (b) 
次 显示 一 个 频道 和 一 个 节目 的 跑马 灯 


7:00 PM 8:00 PM 


Video On Demand Video On Demand 
The Big Bang Theory The Big Bang Theory Kitchen Nightmares 
The Adhesive Duck Deficiency The Dumpling Paradox Michon's 

MLB Baseball 


The Insider Entertainment Tonight KRON 4 News at 8pm 
NEW | NEW 


Eye on the Bay Judge Judy Undercover Boss 
NEW Diamond Resorts 


EW FAN el EEVA 


Bay Area News at 7 TMZ Who Do You Think You Are? 


Paula Deen 


Jeopardy! Wheel of Fortune Shark Tank 
DC Power Players 


Chinese News Sealed with a Kiss 





AT&T U-verse 


All Categories Jump to Channel 











Cold Case SF Ais. Veer Patho 


+ 65 KKPX Today, 7:00 PM, 1 hr p F ee r ae 
Action | Drama CCM SAP GED aceboo 
Season 6 - Episode 15 ‘ MENU 7" O 
Original Airdate: February 14, 2009 4 ccor 
\ — 
4 
r1 y~ 


Witness Protection 
A teenager who was in the witness protection program goes missing five months after his father 
who was about to testify against a mob boss, was killed. 


-Explore 


Kathryn Morris, John Finn, Thom Barry, Jeremy Ratchford, Danny Pino, Sarah Brown, Tracie 
Thoms 





=) 
(b) 








TT BESTHILES PB Fe SS SC A, FEARS A, A A MR E 
移动 消 块 呈现 ( 图 5-23a 和 b)， 有 了 时候 则 出 现在 弹出 目录 (图 5-23c ) RESIT HA PEWE, 
以 上 的 导航 方式 没有 一 种 是 有 效率 的 。 操 击 并 按 住 后 才 会 出 现 的 滑 块 并 不 容易 被 发 现 ， 人 们 也 
不 喜欢 它 的 不 可 预测 性 〈 根 据 拖 动 速度 的 不 同 ， 一 些 文章 可 能 会 被 跳 过 )。 这 个 铺 满 页 面 的 跑马 
灯 适 合 在 “等 红 灯 的 时 候 ”( 我 们 一 个 测试 用 户 的 原 话 ) 找 一 篇 人 简短 的 文章 阅读 ,但 仍然 需要 进 
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FTA 24 AYR NA BE Bl — Fk SCE M H oe a ve^) ia dL ES AS Af s AAA), qi H. 
也 需要 进行 相当 多 的 水 平 滚动 。 无 论 实现 方式 是 什么 ， 这 些 长 列表 的 可 用 性 都 要 低 于 像 主 页 一 
样 的 目录 (图 5-23d )， 因 为 如 果 用 户 不 想 继续 阅读 而 想 导 航 到 别 的 位 置 时 可 以 返回 目录 。( 事实 
上 ,许多 寻找 某 一 篇 特定 文章 的 用 户 选 择 了 点 击 弹 出 目录 里 的 “目录 ”链接 ， 而 不 是 在 弹出 目 
录 里 寻找 那 篇 文章 。) 


i= VANITY FAIR Free Preview d = VANITY FAIR Free Preview 


DIARY OF A 


Marilyn and Her Monsters at Mor M a - ly = A nd i aa 
Her Monsters f i 


by Monroe from 1 , 
when she lived at the Waldorf 
By Sam Kashner " Astoria, in Manhattan. 

HOW TO THIS APP 











M Seu Aeran 
[ir SUNT ASHMA 





Marilyn and Her Monsters 





VANITY FAIR June 2012 


= BECOMING 
OBAMA 


TABLE of CONTENTS 
In a selection from 

his biography of Barack Obama, 
DAVID MARANISS interviews both 

the president and Genevieve NES u =O 

Cook—the “mystery woman” ISSUE NO. 622, J UNE 2012 
of Obama's New York days—for a TOUCH ANY HEADLINE TO GO DIRECTLY TO THAT STORY 

portrait of the leader as 


ayoung man: just out of college, FEATURES 


Hough Stuff 





ina serious romance, 


and painfully figuring out 
who he wanted to be e 


Filly Cheesecake 


EI A Splash of Marilyn 
Barack Obama and his 
girlfriend Genevieve Cook at Just before Marilyn Monroe’s shocking death, in 1962, photographer Lawrence Schiller 
"Norio Connection in 1984, T hit the jackpot, capturing the world's most famous blonde at her most seductive. 
i fang freshman ot Y Fifty years later, in an adaptation from his new book, Schiller reveals the complicated 
pda woman he came to know, along with exclusive outtakes of the full Monroe. 


Becomi ng Obama 


In a selection from his biography of Barack Obama, David Maraniss interviews both 
the president and Genevieve Cook—the "mystery woman" of Obama's 
New York days—for a portrait ofthe leader as a young man: just out of college, 
in a serious romance, and painfully figuring out who he wanted to be. 





图 5-23 Vanity Fair 应 用 提供 了 多 种 方式 导航 到 某 一 篇 文章 。 9 
(a) 一 个 包含 整 篇 文章 缩 略 图 的 文章 跑马 灯 ，( b ) 点 击 并 The Devils in the Diva 


Only nine months out of rehab, Whitney Houston was fighting to recover her voice— 


按 住 后 会 会 出 现 一 a. 显示 ZJN 缩 HX I 图 T X. 章 标 题 是 页 的 滑 A. ( C ) TE and her platinum-covered career. She had a new movie, new music, and a new man. 
What led the pop sensation, instead, to her death in a Beverly Hilton bathtub on February 11? 
不 一 小 gK 缩 HX E 图 T X. = 章 标 FIN 的 H SK 分 EE 不 JU 图 i ( d ) ZL Sx Mark Seal investigates, exploring Houston's toxic choices and tragic final days. 

3 
目录 页 的 超 链 接 版 本 1/5 VANITY FAIR we 


(d) 
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另 一 个 来 目 近期 研究 的 例子 要 感谢 NASA (图 5-24), iPad EJ NASA MH EREE 
个 太阳 系 的 视觉 模拟。 虽然 这 并 不 算是 对 屏幕 空间 的 高 效 利 用 ， 却 是 可 以 接受 的 ， 因 为 这 张 吸 
引 人 的 图 像 在 起 始 页 上 提供 了 广泛 的 选择 ， 同 时 清楚 地 表明 了 这 个 应 用 是 做 什么 的 。 


























Jupiter 


Aquarius 


ARTEMI 


5-24 iPad 上 的 NASA 应 用 . 
下 拉 菜 单打 开 之 后 的 主页 


在 用 户 测试 中 我 们 发 现 ， 这 一 屏 存在 的 主要 问题 是 容易 触 措 到 错误 的 天 体 一 一 地 球 和 月 球 
之 间 的 距离 仅仅 是 在 触摸 屏 应 用 程序 中 分 隔 物体 的 可 用 性 原则 建议 值 的 60%。 可 触 控 项 目 之 间 
的 距离 至 少 应 有 1 EX (0.4 英寸 )。 

另 一 个 可 用 性 问题 则 与 空间 利用 有 关 《〈 屏 幕 空 间 ， 不 是 宇宙 空间 )。 展 示 卫 星 任务 的 下 拉 沫 
单 因为 两 个 原因 难以 使 用 。 首 先 ， 这 个 按钮 的 图 标 看 上 去 更 像 是 鱼 上 骨架 ， 而 不 是 卫星 ， 不 过 这 
个 相对 来 说 算是 小 问题 。 

更 大 的 问题 在 于 ， 要 穿越 长 长 的 任务 列表 是 人 力 难以 胜任 的 ， 因 为 看 起 来 像 是 要 进行 无 穷 
无 尽 的 滚动 。 另 外 ， 和 赁 图 片 和 和 名字 缩 写 很 难 分 辨 各 种 卫星 。 大 多 数 了 卫星 看 起 来 一 模 一 样 ， 除 非 
你 对 科学 的 痴迷 程度 超过 了 NASA 这 区 应 用 的 目标 用 户 ， 你 才能 分 辨 它们 。 

设计 者 试图 模拟 一 个 大 型 荣 单 (mega menu )， 但 是 因为 以 下 一 些 原 因 无 法 获得 相应 的 益处 。 

B 缺乏 对 菜单 项 目的 分 类 。 一 个 好 的 大 型 闲 单 会 将 这 些 任 务 分 成 几 个 组 ， 并 为 每 个 组 起 一 

个 名 字 。 这 么 做 的 好 处 是 大 大 降低 了 寻找 特定 类 型 卫星 的 难度 ， 比 如 近日 行星 探索 卫星 。 

图 缺乏 对 标签 的 解释 。 举 个 例子 ， 用 户 可 能 需要 知道 ACE 用 于 探测 高 能 粒子 ， 而 AIM 用 

于 人 研究 大 气 圈 中 间 层 里 的 冰 。 

B 图 像 毫 无 意义 。 有 再 谋 亮 的 泡沫 也 还 是 泡沫 。 

相 比 这 种 无 穷 滚 动 的 染 单 ， 更 好 的 设计 方案 是 将 用 户 市 到 一 个 单独 的 全 屏 预 览 页 ， 里 面 用 
单一 的 视图 显示 所 有 的 卫星 任务 ， 从 而 使 用 户 很 容易 就 能 进行 比较 。 只 要 你 提供 了 回 到 主 视图 
的 简便 方式 ， 在 这 上 面 花费 更 多 的 屏 磊 空间 是 可 以 接受 的 。 

这 种 又 小 又 难 用 却 在 iPad 应 用 里 逐渐 流行 的 交互 区 域 部 分 要 归咎 于 笠 果 公司 ， 因 为 它 在 默 
认 电 子 邮 件 程 序 ( 图 5-25) 里 用 的 就 是 这 种 差劲 的 设计 。 收 件 箱 以 一 列 狭 笨 的 侧 下 拉 沫 单 形式 
显示 。 这 在 横 癌 屏幕 视图 里 很 不 钳 ， 因 为 用 户 能 在 收 件 箱 和 邮件 之 间 快 速 切换 ， 所 以 处 理 邮 件 
的 速度 很 快 。 但是, FES Ra LA EB OPERE ERR DUE s EE GN zn, 部 分 遮挡 了 邮件 内 容 ， 
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使 得 用 户 无 法 同时 使 用 这 两 个 面板 。 不 能 同时 使 用 的 话 为 什么 要 显示 它们 ? 要 为 阅读 优化 的 话 ， 
更 好 的 方式 是 将 收 件 箱 显 示 在 整个 平板 电脑 的 屏 莫 上， 展示 更 多 邮件 和 每 封 邮件 更 详细 的 预览 。 








但 是 ， 设 计 者 却 选择 为 保存 当前 状态 优化 ， 而 不 是 利用 屏幕 空间 。 它 方便 了 用 户 ， 在 阅读 邮件 


时 如 条 想 要 快速 检查 邮箱 ， 就 可 以 轻 触 顶部 的 按钮 ， 在 弹出 面板 里 查看 收 件 箱 的 内 容 ， 然 后 天 
闭 弹 出 面板 ， 回 去 继续 阅读 刚才 的 邮件 。 
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图 5-25 iPad 上 的 Mail 邮件 应 用 。 (a) 横向 屏幕 视图 ，(b ) 纵 Lx 


向 屏幕 视图 。 纵 向 屏幕 视图 左 侧 名 为 “垃圾 邮件 ” ( Spam ) 的 面 | Umm 
板 位 于 邮件 内 容 上 方 ， 部 分 遮挡 了 下 面 的 内 容 a 
虽然 弹出 面板 和 分 隅 视图 ( 比如 图 5-25 里 展示 的 Mail 邮件 应 E 

iPad， 但 它们 在 iPhone 上 正 变 得 越 来 越 多 (图 5-26 )。 不 对 的 是 ， 它 们 又 占据 了 一 部 分 iPhone 
本 已 很 小 的 屏 硕 空间 ， 迫 使 用 户 在 极 小 的 对 话 框 里 进行 深 动 ， pe lag hed 造成 生 
产 力 低下 。 另 外 ， 弹 出 面板 里 的 内 容 经 常会 被 截断 〈 图 5-26a) 或 者 以 更 小 的 字体 显示 ，40 岁 
以 上 的 人 阅读 这 些小 字 可 能 会 有 困难 。( 许多 移动 设计 师 可 能 正 处 于 30 多 岁 的 年 龄 段 ， 但 请 相 
信 我 们 ， 你 的 视力 很 快 就 会 慢 慢 衰退 。) 

弹出 面板 或 分 隔 视图 的 一 种 族人 之 处 在 于 它们 能 保持 上 下 文 环 境 ， 用 户 可 以 继续 浏览 (在 
痛 景 中 ”或 在 侧面 ) 弹出 面板 出 现 之 前 他 们 所 处 的 页 面 。 ee 因为 屏 
we STEADY), HRE ERKKA AY DOA AaB SS i GT TE ER Se BAR, Aat AR EDO 

请 注意 ， 和 iPad 上 的 Mail 应 用 (图 5-25 ) 不 同 ， ie 
5-26 里 的 例子 所 示 ) 使 用 的 ， 就 不 存在 刚才 所 说 的 “让 用 户 可 以 快速 检查 新 内 容 ， 然 后 回 到 之 
前 所 做 的 事情 中 ”这 个 优点 了 ， 因 为 弹出 面板 里 的 信息 是 固定 不 变 的 ， 用 户 通 常 不 会 在 检查 主 
题 或 类 型 列表 之 后 返回 刚才 所 在 的 文章 或 频道 列表 ， 除 非 误 触 了 弹出 面板 ， 不 过 这 种 情况 添加 
一 个 后 退 按钮 就 可 以 了 。 
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5-26 iPhone 上 的 分 隔 视图 和 © 区 ws 本 二 ry wl AT&T M-cell 全 2:13 PM 

弹出 面板 。 ( a ) AP Mobile 应 用  MEESEMGNMEE TE tani E e: wach Downloadable Shows 
里 的 滑动 分 隔 视 图 ;，( b )U-verse Q) 
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5.1.9 ”欢迎 页 面 和 局 动 声 音 


欢迎 页 面 是 男 一 种 在 iPad 时 代 卷 土 重 来 的 旧式 Web 做 法 。 我 们 曾经 以 为 Jakob Nielsen 写 
的 Designing Web Usability 一 书 在 许多 年 前 就 给 欢迎 页 面 的 棺材 裔 上 了 最 后 一 根 杀 子 。 但 是 ， 很 
显然 欢迎 页 面 是 一 种 阴魂 不 散 的 超级 吸血 鬼 。 一 些 新 款 iPad 应 用 有 着 长 长 的 介绍 片段 ， 第 一 次 
可 能 很 有 娱乐 性 , 但 不 久 就 会 让 用 户 厌 烦 。 欢 迎 页 面 不 适合 网 站 , 也 不 适合 应 用 , 所 以 别 用 它们 。 

DJA 87] BER ATE fJ SRL AY TT, TEEN EL EE A BARA Ia, th 
有 进度 条 ， 而 且 和 应 用 的 主页 也 没有 任何 关系 。 

许多 设计 师 强 迫 自 己 一 定 要 在 应 用 启动 时 显示 复 森 的 图 形 界面 。 有 了 时候 这 就 意味 者 需要 好 
几 秒 才能 载 人 的 复杂 动画 。 虽 然 可 爱 的 动画 在 应 用 第 一 次 启动 时 能 给 用 户 带 来 快乐 ， 但 在 第 五 
次 时 就 会 变 得 烦人 。 

有 些 应 用 更 进一步 ， 在 欢迎 页 面 上 加 入 视频 或 者 声音 。 像 Martha Stewart Cocktails 和 阿 
AR * SEAREY Our Choice 这 些 应 用 在 局 动 时 会 播放 一 段 视 频 。 另 外 的 一 些 ， 比 如 Moviefone 和 
Gilt 应 用 会 在 启动 时 发 出 一 些 声 首 。 我 们 强烈 建议 不 要 使 用 启动 声音 。 用 户 在 启动 一 款 应 用 时 
不 会 预料 到 能 听见 声音 ， 而 且 他 们 经 尝 身 处 不 适合 发 出 声音 的 场合 ， 试 想 一 下 在 员工 会 议 的 中 
途 突然 听 到 一 句 “ 欢 迎 使 用 Moviefone”， 成 何 体 统 。 















































5.1.10 ”屏幕 显示 方 回 

我 们 在 一 开始 就 告诉 调研 参与 者 可 以 使 用 任何 一 种 让 他 们 感觉 舒服 的 iPad Bf: Sz 27 18] , 
也 可 以 在 自己 认为 合适 的 时 候 切 换 显 示 方 向。 在 大 多 数 情况 下 ， 受 试 者 会 在 测试 开始 时 选择 茶 
一 种 显示 方向 ， 然 后 一 直 用 到 测试 结束 。 他 们 很 少 主动 变换 显示 方向 ， 除 非 认 为 这 么 做 可 以 更 
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好 地 查看 图 片 、 让 文字 变 大 或 者 全 屏 观 看 视频 。 有 时 候 应 用 程序 会 迫使 他 们 更 改 屏 各 显示 方 问 
才能 正常 使 用 。 


微软 公司 的 Surface 平 板 电 脑 内 建 一 个 支撑 板 ， 鼓 励 横 向 使 用 这 种 设备 。 在 本 书写 作 的 
时 候 我 们 尚未 测试 过 任何 Surface 用 户 ， 但 预计 因为 有 这 块 支撑 板 ， 横 向 使 用 这 种 设备 的 情 
WMA LA Ke NL, 

















提 到 上 自己 更 侦 好 槛 回 屏 幕 视图 的 用 户 数量 稍微 多 一 些 。 一 个 看 起 来 有 关联 的 因素 是 他 们 是 
否 使 用 iPad 保护 套 。 那 些 用 保护 套 的 人 提 到 他 们 经 常会 将 处 于 横 回 显示 模式 的 iPad 文 起 来 使 用 。 
另外 ， 电 脑 显 示 需 通常 都 是 横向 显示 的 ， 就 像 我 们 的 一 位 用 户 所 解释 的 : 

“我 的 工作 电脑 屏幕 和 我 家 里 的 笔记 本 电脑 屏幕 都 是 横向 显示 的 。 所 以 从 直觉 上 ， 当 我 看 着 
一 个 电子 设备 屏幕 时 ， 大 脑 会 告诉 我 将 它 看 成 是 横向 显示 的 。 我 在 查看 图 片 时 会 不 时 切换 横向 
显示 和 纵向 显示 ， 如 果 是 阅读 或 者 观看 视频 之 类 的 ， 我 就 会 自动 切 回 到 横向 显示 模式 。 

许多 程序 会 尽量 利用 横向 显示 模式 所 囊 来 的 额外 水 平 空 间 。 但 是 ， 他 们 有 时 做 得 太 过 火 了 ， 
用 户 只 有 将 设备 改 成 横向 显示 后 才能 使 用 某 些 应 用 功能 。 

在 BBC 应 用 中 (图 5-27 )， 我 们 注意 到 一 些 用 户 无 法 找到 健康 或 体育 版 块 ， 这 些 主题 只 有 
在 槛 回 屏 幕 视图 里 才能 找到 。BBC 还 改变 了 横 回 屏幕 视图 里 的 页 面 布 局 ， 将 顶部 的 导航 栏 变 成 
了 导航 面板 。 我 们 的 测试 用 户 里 似乎 没有 人 发 现 这 款 应 用 在 不 同 的 屏幕 显示 模式 下 会 有 不 同 的 





























行为 ， 那 些 只 有 在 茶 一 种 屏 需 显示 模式 里 才能 使 用 的 功能 极 不 容易 被 发 现 。 
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Lockerbie bomber Megrahi is dead 


Abdelbaset al-Megrahi, the only person 
cted over the 1988 Lockerbie 

bombing above Scotland which killed 

270 people, has died at his home in 


HEALTH 4 $ 
Abdelbaset al-Megrahi, the only person convicted over the 1988 Libya. 












Lockerbie bombing above Scotland which killed 270 people, has died 


ALSO IN THE NEWS at his home in Libya. 


Megrahi, 60, was convicted by a special 
court in the Netherlands in 2001. 

2 ; x 7 x : m TAP TO PLAY 
SPORT OM 60, was convicted by a special court in the Netherlands in He was freed from Scottish jail in 2009 > ; 
on compassionate grounds because of 
cancer, stirring controversy when he 
outlived doctors' expectations. 
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He was freed from Scottish jail in 2009 on compassionate grounds 
because of cancer, stirring controversy when he outlived doctors’ 
MUNDO ^ expectations. we 4 ; 2 i 
UK Prime Minister David Cameron said it was a day to remember the 270 victims of "an appalling terrorist 
5 act". 
ERAGI A Listen to The Economist wherever you are 
Subscribe on your iPad for only $1 a week 





Mr Cameron, who is in Chicago for a Nato summit, said Megrahi should never have been freed, Reuters 
CHINESE (TRADITIONAL) - A news agency reports. 


( ) Scottish First Minister Alex Salmond also said Megrahi's death was an occasion to remember the victims of 
a Lockerbie. 


He said Lockerbie was still a live investigation and that Scottish prosecutors had never believed Megrahi 
was the only person responsible. 





5-27 BBC 的 iPad 版 应 用 在 两 种 屏幕 显示 方向 下 展示 不 同 的 
AS: (a) ADRAR, (b) 纵向 屏 医 视图 


(b) 
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可 用 的 ， 


能 地 保持 一 致 性 ， 如 采 在 纵 问 屏 才 视图 中 弹出 式 导 航 面 板 显 示 在 左 侧 ， 
图 里 把 它 移 到 右 侧 ， 反 之 亦 然 


Nasdaq CEO Says ‘Poor Design’ in IPO 
Software Delayed Facebook 


ir Buying $7 Billion 


David Jones Seen Luring LBO on Lowest 
Value Since ‘04: Real M&A 


Canadian Pacific Workers Threaten Strike 
Days After CEO Ouster 


ADR Premium to BRICs Narrows on 
Europe Concerns: China Overnight 


Vale Loses to Australia as Mine Laws Curb 
Market Share 


Obama Says NATO Focused on Strategy to 
Support Afghans 


Chen's Arrival in Manhattan Ends 
Flashpoint in U.S.-China Ties 


Premier Wen Says China Will Focus on 
Growth, Xinhua Reports 


5-28 ”两 种 屏幕 显示 方向 下 的 iPad 
b) 纵向 屏幕 视图 。 
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( 图 5-28 )。 


China will work to speed up approvals of qualified foreign institutional investors 
looking to buy into its domestic securities, as part of reforms aimed at adding depth to 
the country’s capital markets. 


China's foreign exchange regulator has approved $26 billion in QFII quotas for 138 
qualified investors as of May 16, according to a statement posted on the State 
Administration of Foreign Exchange yesterday. 


"SAFE has been working closely with China Securities Regulatory Commission to 
facilitate the capital market reforms," said Sun Lujun, head of the capital-account 
management department at SAFE, according to the statement. “We'll look to speed 
up the QFII approval process and enlarge the size of investment.” 


Introducing more long-term overseas funds in domestic securities may help add 
breadth and depth to the country's capital markets as it seeks to overhaul its 
economy. Authorities more than doubled quotas for QFlIIs last month to $80 billion 
from $30 billion. 


The Shanghai Composite Index has dropped 4.7 percent from this year's high, set on 
March 2, amid concerns over the country's slowing economic growth. It has lost 
nearly two-thirds of its value since its peak in October, 2007. 


The China Securities Regulato Commission posted a People’s Daily article on its 
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5.1.11 为 了 更 好 的 iPad 用 户 体 验 


我 们 很 高 兴 地 看 到 ,现在 的 iPad 用 户 界面 明显 比 这 款 平 板 设 备 刚 推出 时 更 正规 了 ,更 棒 的 是 ， 
看 到 我 们 之 前 所 提 的 一 些 建 议 被 采纳 ， 这 包括 了 在 应 用 里 加 入 以 下 功能 。 
B 后 退 按钮 。 
图 广泛 使 用 搜索 。 
B 主页 。 
B 吕 以 在 首页 点 击 标题 直接 进入 对 应 的 文章 。 
即使 如 此 ， 近 期 的 测试 还 是 外 dt 包括 用 户 误 触 某 个 地 方 之 后 找 不 到 返 
前 一 屏 的 方法 ， 还 有 在 一 些 杂 志 应 用 里 需要 做 多 步 才 能 到 达 目 录 页 。 
TO 
增加 普 适 性 ， 更 好 地 定义 每 一 个 交互 区 域 ， 
来 增加 可 发 现 性 。 
B 要 获得 交互 性 的 好 处 ， 就 不 要 拘泥 于 蚀刻 玻璃 式 的 审美 观 。 超 越 iPad 第 
风格 可 能 会 稍稍 降低 屏幕 的 吸引 力 ， 但 设计 师 能 够 保持 住 大 部 分 的 美感 ， 




















通过 让 用 户 感知 到 在 何 处 可 以 执行 何 种 功能 


一 代 应 用 的 平面 
只 要 让 GUI 提 
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示 比 从 萨 果 系统 到 Windows 7 普遍 使 用 的 、 由 醒目 视觉 元 系 构 成 的 GUI 风格 更 精巧 一 些 
Bi ay o 

B 抛弃 用 非 主 流 的 方式 给 应 用 增值 的 想法 。 更 好 的 方式 是 使 用 一 致 的 交互 技术 ， 让 用 户 的 
注意 力 集中 在 内 容 上 ， 而 不 是 让 他 们 疑惑 怎样 才能 找到 它 。 

B 文 持 标准 的 导航 方式 ， 包 括 给 大 多 数 应 用 加 一 个 后 退 功 能 ， 还 有 搜索 、 可 点 击 标 题 和 一 
个 主页 。 














5.2 Kindle 可 用 性 





亚马逊 销售 多 种 Kindle 设备 ， 虽 然 大 多 数 Kindle 设备 主要 是 作为 电子 书 阅读 器 宣传 和 使 
用 的 ，Kindle Fire 却 算 得 上 一 蒜 中 等 尺寸 的 平板 电脑 。 在 本 市 中 我 们 首先 讨论 老 版 本 的 Kindle, 
它们 使 用 电子 墨水 ， 主 要 的 功能 集中 在 阅读 电子 书 上 。 然 后 ， 我 们 讨论 最 流行 的 中 等 尺寸 平板 
电脑 一 一 Kindle Fire 的 可 用 性 。 











5.2.1 Kindle: BFE HEES 


Kindle 在 一 个 交互 设计 领域 中 独 放 异 彩 : 翻 页 。 这 一 种 功能 有 两 个 按钮 ， 位 于 设备 的 两 侧 。 
问 前 翻 页 是 一 种 相对 少见 的 操作 ， 由 一 个 单独 的 、 较 小 的 按钮 很 好 地 实现 。 

所 以 说 ， 该 设备 为 线性 阅读 这 个 任务 提供 了 良好 的 支持 。 这 点 恰如其分 ， 因 为 Kindle 的 设 
计 就 是 围绕 着 这 个 核心 任务 进行 的 。 当 你 阅读 的 时 候 ， 唯 一 的 交互 操作 就 是 反复 点 击 翻 页 按钮 。 

但 是 ， 其 他 的 一 切 就 乏善可陈 了 。 

在 第 一 代 Kindle 中 ， 大 多 数 的 Kindle 交互 操作 都 是 由 一 个 叫做 五 向 键 的 小 操纵 杆 控制 的 ， 
通过 它 你 能 将 光标 天 4 个 方 回 移动 ， 第 五 种 操作 则 是 按 下 。 新 版 的 Kindle 用 5 个 等 同 的 按钮 代 
蔡 了 五 向 键 : 4 个 箭头 按钮 和 1 个 居中 按钮 。 无 论 你 用 的 是 五 回 键 还 是 箭头 按钮 ， 在 屏幕 里 移 
动 光 标 都 是 极度 烦人 的 ， 根 本 感觉 不 到 是 在 直接 控制 。 让 光标 停留 在 你 希望 的 位 置 需要 进行 大 
量 的 操作 。 

FAX, Kindle 的 速度 很 慢 。 每 当 输 入 一 个 命令 ， 它 都 会 在 执行 前 等 上 一 阵子 。 甚 至 连 翻 页 
都 有 些 拖 洛 ， 其 他 的 操作 就 更 不 用 说 了 ， 绝 对 缓慢。 

总 而 言 之 ， 难 用 的 指点 功能 + 迟钝 的 反应 时 间 = 一 种 差劲 到 用 户 都 不 愿 探索 和 尝试 执行 各 
种 任务 的 UX。 


1. 不 适合 非 线性 内 容 的 设计 
这 种 非 线性 内 容 中 存在 的 可 用 性 问题 很 致命 ， 因 为 它 揭示 了 一 个 更 深层 次 的 问题 Kindle 
的 UX 基本 上 就 是 在 模拟 阅读 实体 书 。 这 种 认为 你 会 希望 从 头 开始 阅读 每 一 音节 的 想法 适用 于 
书籍 ， 因 为 其 中 的 大 多 数 都 是 基于 线性 的 展示 。 但 不 幸 的 是 ， 其 他 的 许多 内 容 集合 却 不 适合 使 
用 这 种 方式 ， 包 括 报纸 、 杂 志 ， 甚 至 某 些 非 虚构 的 书籍 ， 比 如 旅游 指南 、 百 科 全 书 和 食谱 。 
所 以 ， 这 种 让 Kindle 适合 于 阅读 小 说 和 其 他 线性 非 虚 构 作 品 的 设计 决策 ， 让 它 成 为 了 不 甚 
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理想 的 阅读 非 线 性 内 容 的 设备 。 当 然 ， 亚 马 逊 的 设计 师 们 可 以 修补 简单 的 UIT, Hd 
目录 的 交互 设计 。 但 这 么 做 只 是 简单 地 贴 上 了 一 张 创 可 贴 。 要 真正 为 非 线 性 用 户 体验 进行 优化 ， 
他 们 必须 彻底 重 构 Kindle 的 设计 理念 。 


iPhone 上 的 Kindle 阅 读 应 用 


亚马逊 还 提供 了 一 个 可 以 显示 Kindle 格 式 电 子 书 的 iPhone 应 用 程序 (图 $-29a ) 。 在 
费 一 些 时 间 ， 因 为 在 更 小 的 屏幕 里 翻 页 会 花费 


iPhone t iż — A 45 85 m-re fe Kindle. E £ 5 
更 多 的 时 间 。 

如 果 使 用 让 我 们 感觉 舒适 的 字体 大 小 ， 在 iPhone 版 Kindle 应 用 里 的 翻 页 数 要 比 在 
Kindle 里 多 21%。 如 果 是 这 款 iPhone 应 用 的 默认 字体 大 小 ( 对 我 们 而 言 有 些 偏 大 ) ， 则 会 
比 Kindle 的 翻 页 数 多 出 一 倍 

iPhone 版 Kindle 应 用 vods oS OR C 即 保持 左右 两 侧 齐 平 ) 的 格式 显示 页 面 文字 。 这 种 
格式 略微 降低 了 可 读 性 ， 特 别 是 在 列 数 不 多 ee 
子 书 阅读 应 用 ) 只 使 用 左 对 齐 的 格式 ， 这 对 阅读 而 言 是 一 种 更 好 的 选择 ( 图 5-29b ) ， 

为 眼球 不 再 需要 适应 单词 之 间 宽 度 多 变 的 空白 间距 了 。Kindle 的 默认 字体 有 些 偏 大 ， 而 
iBooks 做 到 了 在 页 面 里 显示 更 多 文字 ( 还 增加 了 标题 和 页 数 显示 ) 的 同时 仍然 保持 了 多 读 性 





5-29 iPhone 上 的 电子 


world was being watched 
keenly and closely by intelli- 
gences greater than man's and 
yet as mortal as his own; that 
as men busied themselves 
about their various concerns 
they were scrutinised and 
studied, perhaps almost as 
narrowly as a man with a 
microscope might scrutinise 


书 阅读 应 用 : (a) Kindle; 
(b) iBookse Kindle 以 两 
站 对 齐 的 格式 显示 文字 ， 

而 iBooks 使 用 的 是 左 对 齐 


the transient creatures that 
swarm and multiply in a drop 
of water. With infinite compla- 
cency men went to and fro over 
this globe about their little 











A Tale of Two Cities 


ceived through any of the chickens 
of the Cock-lane brood. 

France, less favoured on the 
whole as to matters spiritual than 
her sister of the shield and trident, 
rolled with exceeding smoothness 
down hill, making paper money and 
spending it. Under the guidance of 
her Christian pastors, she enter- 
tained herself, besides, with such 
humane achievements as sentencing 
a youth to have his hands cut off, his 
tongue torn out with pincers, and 
his body burned alive, because he 
had not kneeled down in the rain to 
do honour to a dirty procession of 
monks which passed within his 
view, at a distance of some fifty or 
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2. 跨 设备 集成 





Kindle 的 iPhone 有 版 应 用 可 用 性 很 差 .但 和 其 他 Kindle J^ 


用 无 线 连接 来 支持 多 台电 脑 的 一 个 典范 。 
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(b) 


应 用 及 设备 的 集成 却 很 不 错 。 





它 是 使 
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你 可 以 利用 桌面 电脑 优异 的 网 页 浏览 在 网 站 上 购买 一 本 电子 书 ， 然 后 在 家 里 的 Kindle Efi] 
读 ， 或 者 在 牙医 候诊 室 里 用 智能 手机 看 ， 甚 至 在 飞机 上 用 iPad 看 都 行 。 事 实 上 ， 你 可 以 轮流 在 
不 同 的 设备 上 阅读 同一 本 书 。 它 们 会 日 动 同步 ， 当 你 打开 一 本 书 时 就 会 跳 到 上 次 你 在 男 一 台 设 
备 里 最 后 看 的 那个 位 置 。 

亚马逊 为 了 方便 用 户 直 接 在 Kindle 上 购买 电子 书 ， 做 了 不 少 努 力 。 但 是 ， 在 全 功能 PC 上 
的 完整 版 Amazon.com 网 站 里 购买 电子 书 还 是 要 容易 很 多 。 

不 过 ， 亚 马 逊 仍然 值得 称赞 ， 因 为 它 将 PC 端 购买 和 Kindle 上 阅读 集成 得 天 衣 无 缝 。 如 果 
你 身 处 亚马逊 能 提供 服务 的 国家 而 且 有 无 线 网 络 覆 盖 ， 只 需 在 PC 上 点 击 一 次 ， 电 子 书 就 会 自 
动 出 现在 你 的 Kindle 中 ， 不 用 特别 进行 安装 。 


3. 电子 书 : 好 主意 还 是 坏 主意 ? 

Jakob Nielsen 曾 在 1998 年 写 了 一 篇 论文 ， 标 题 是 “电子 书 : 一 个 坏 主意 ”。 但 今天 我 们 则 
会 讽 它 是 一 个 好 主意 ， 至 少 对 小 说 和 简单 的 非 虚构 类 作品 而 言 如 此 。 和 截至 2012 年 2 月 ，Pew 
Internet 的 统计 数据 表明 ， 超 过 五 分 之 一 的 美国 人 阅读 过 一 本 电子 书 ， 而 且 他 们 中 的 30% 拥有 一 
合 像 平 板 电脑 或 者 电子 书 阅 该 天 这 样 可 以 旋 电 子 书 的 设备 。 


















































Pew Intemet 的 报告 名 为 “电子 阅读 的 兴起 ” ( The rise of e-reading, Pew Internet, 2012) , 
作者 是 L. Rainie, K. Zickuhr, K. Purcell, M. Madden 和 J. Brenner。 你 可 以 在 这 里 下 载 这 份 
报告 : http://libraries.pewinternet.org/2012/04/04/the-rise-of-e-reading。 








发 生 了 什么 事 ” 亚 蕊 还 激进 的 电子 书 定价 策略 很 可 能 在 其 中 扮演 了 重要 的 角色 。 但 是 ， 从 可 
用 性 的 角度 看 则 有 3 个 关键 的 因素 : Ca) 便利 性 ; Cb) 等 同 于 印刷 版 的 可 读 性 ; (c) 多 设备 集成 。 

拥有 一 台 专 门 为 阅读 小 说 以 及 其 他 不 依赖 于 图 像 或 者 不 需要 用 户 前 后 翻 找 的 线性 非 虚构 作 
品 而 定制 的 电子 设备 ， 的 确 能 带 来 一 定 的 好 处 。 

对 于 那些 使 用 公共 交通 工具 旅行 或 上 下 班 的 人 来 说 ， 电 子 书 可 能 会 很 有 用 ， 这 是 因为 下 面 
几 点 原因 。 

m 携带 的 重量 减轻 了 。 我 们 近期 去 非洲 塞 伦 盖 蒂 国 家 公园 旅行 的 时 候 ， 要 是 把 10 本 书 放 在 

一 台 设 备 里 就 好 了 ， 因 为 在 这 场 为 期 2 周 的 探险 里 ， 我 们 只 被 允许 携带 22 磅 重 的 行李 。 

B 不 会 被 报纸 上 的 油墨 弄 脏 手指 。 

B 在 拥挤 的 火车 或 公共 汽车 上 翻 页 更 容易 一 些 。 

能 够 与 手机 或 者 iPad 同步 增加 了 可 以 阅读 的 场合 。 举 个 例子 ， 如 果 你 正在 候诊 室 里 等 待 ， 
而 且 没 有 带电 子 书 阅 读 器 ， 这 时 候 就 可 以 取出 手机 来 利用 一 下 这 段 本 来 会 被 痕 费 的 时 间 。 多 设 
备 阅 读 是 Kindle 优 于 实体 阅读 的 一 个 地 方 ， 它 能 做 到 印刷 版 书籍 做 不 到 的 事情 。 

除了 旅客 和 上 班 族 ， 另 一 类 受益 的 用 户 群 体 则 是 老年 人 和 视力 衰弱 人 士 。 大 字体 和 多 设备 
阅读 是 Kindle 优 于 实体 阅读 的 两 大 功能 。 

不 过 , 对 那些 只 在 家 里 看 书 的 人 来 说 , 印刷 版 就 足够 了 了 。Kindle 在 线性 阅读 方面 没什么 优势 ， 
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在 非 线 性 内 容 上 则 有 者 许多 劣势 。 


5.2.2 Kindle Fire 可 用 性 


亚马逊 的 Kindle Fire 提供 了 让 人 失望 的 糟糕 的 用 户 体 验 。 用 Silk Deas TA] Web 很 麻烦 ， 
而 且 容 易 出 错 。 阅 读 下载 的 杂志 也 好 不 到 哪里 去 。 不 过 ，Kindle Fire 的 用 户 测 试 的 确 帮助 我 们 
理解 了 这 种 新 一 代 的 7 英寸 平板 电脑 是 更 像 10 英寸 的 平板 电脑 (例如 iPad )， 还 是 更 像 3.5 英 
才 的 手机 。 透 露 一 下 我 们 的 绪论: 两 者 都 沾 点 边 。 


1. “ 胖 手指 ”问题 让 移动 网 站 胜出 

我 们 在 测试 Kindle Fire 时 最 震惊 的 发 现 是 ， 屏 幕 里 的 一 切 都 太 小 了 ， 触 控 错 误 和 意外 触发 
经 常会 发 生 。 如 果 你 没有 观察 过 用 户 费 力 触摸 Kindle Fire 里 的 元 素 ， 就 不 算是 见 过 真正 的 “ 胖 
手指 ”问题 。 一 个 可 怜 的 家 伙 论 了 好 儿 分 钟 试图 登录 Facebook， 却 层次 因为 误 触 了 别 的 输入 框 
或 按钮 而 失败 ， 而 这 还 是 在 一 张 只 有 两 个 文本 输入 框 和 一 个 按钮 的 页 面 上 ( 图 5-30 )。( 在 我 们 
il iow HIR, Facebook 略微 修改 了 它 的 登录 页 面 ， 但 效果 仍 值得 质疑 ， 如 图 5-31 所 示 。 ) 


























facebook 











图 5-30 ”触摸 Kindle Fire 里 细小 的 输入 框 和 按钮 是 一 件 容 Help Center 
English (US) : Espanol * Portugués (Brasil) * More 
易 出 错 的 事 儿 ail 


Facebook ©2012 


5-31 Facebook.com 更 新 后 的 登录 页 面 ， 输 入 框 依然 
过 于 拥挤 ， 登 录 按 钮 很 危险 地 靠近 着 “忘记 密码 ” (Forgot 
password? ) 链接 


我 们 在 本 章 开 头 说 过 ， 完 整 版 网 站 在 10 英寸 平板 电脑 上 表现 不 错 。 同 时 ， 正 如 我 们 在 第 2 
章 里 所 讨论 的 ， 对 手机 的 测试 表明 ， 特 别 优化 过 的 移动 网 站 更 适合 手机 大 小 的 触摸 屏 (一 般 是 
3 到 5 英寸 的 对 角 线 长 度 )。 

在 7 英寸 平板 电脑 上 访问 蝎 面 问 的 设计 就 像 是 将 一 个 尺码 数 是 10 的 人 塞 进 一 件 尺码 数 是 6 
的 衣服 里 ， 样 子 不 会 太 好 看 。 但 Kindle Fire 就 是 试图 在 这 样 做 。 在 我 们 的 测试 中 ， 用 它 访 问 时 
面 端 网 站 基本 上 就 等 同 于 失败 。Kindle Fire 的 屏幕 太 小 ， 阅 读 桌 面 端 的 普通 网 页 时 如 果 不 放 大 
就 很 难看 清楚 。 而 用 户 们 使 用 移动 网 站 时 的 表现 就 好 得 多 了 (图 5-32 )。 因 此 ，Kindle Fire 更 接 
近 于 一 台大 屏幕 手机 ， 而 不 是 大 屏幕 平板 电脑 。 
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会 m E N e 
(a) (b) 
图 5-32 Buy.com 在 Kindle Fire 上 的 两 个 版 本 (a) 完整 版 网 站 ;，(b) 移动 网 站 。 移 动 网 站 更 适合 


Kindle Fire 


在 7 英寸 屏幕 上 访问 为 3.5 英寸 移动 屏幕 优化 过 的 网 站 感觉 很 奢侈 ， 类 似 于 在 30 英寸 的 显 
示 絮 上 浏览 一 个 普通 网 站 。 你 拥有 无 穷 无 尽 的 空间 ， 基 本 不 用 其 至 完全 不 用 深 动 就 能 看 到 整 张 
页 面 。 


2. 使 用 Kindle Fire 

我 们 对 Kindle Fire 进行 测试 ， 并 不 是 为 了 给 消费 者 是 否 应 当 购 买 这 样 一 人 台 设 备 提 建 议 。 
我 们 的 目的 是 为 那些 制作 网 站 、 应 用 或 内 容 的 企业 寻找 设计 原则 ， 帮 助 他 们 应 对 有 可 能 使 用 
ee 

即便 如 此 ， 我 们 对 这 台 实 体 设备 还 是 有 一 些 发 现 ， 这 些 发 现 来 自 于 我 们 自己 的 使 用 经 验 和 
可 用 性 调研 。 

Kindle Fire 是 一 个 很 重 的 物件 ， 将 它 端 在 手 里 时 间 久 了 会 不 舒服 。 除 非 你 有 大 力 水 手 那样 
的 前 臂 肌 肉 ， 和 否则 无 法 整 晚 舒适 地 阅读 一 本 让 人 着 迷 的 小 说 。 缺 乏 翻 页 用 的 物理 按键 也 损害 了 
用 户 阅读 小 说 的 体验 。 在 之 前 版 本 的 Kindle 里 ， 你 可 以 将 手指 停放 在 按钮 上 上， 因为 它 只 有 翻 页 
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一 个 作用 。 不 时 去 点 触 控 屏幕 上 的 一 块 区 域 会 中 断 阅读 快感 ， 而 且 有 时 候 容易 出 错 ， 还 会 将 脏 
东西 留 在 屏幕 上 。Kindle Fire 的 屏幕 反光 也 比 传统 的 Kindle 更 为 严重 。 

对 阅读 小 说 而 言 ， 普 通 的 Kindle 更 胜 一 筹 。 

如 果 是 非 虚构 作品 ， 比 如 教科 书 和 杂志 ， 普 通 Kindle 糟糕 的 交互 设计 就 会 让 导航 变 得 困难 ， 
而 且 它 的 灰 度 屏幕 不 能 正常 显示 图 像 。 

相 比 之 下 ，Kindle Fire 对 于 阅读 杂志 和 其 他 轻 量 级 非 虚 构 作 品 来 说 可 能 要 好 得 多 ， 前 提 是 
杂志 应 用 从 它们 在 iPad 上 的 兄弟 那里 学 到 了 教训 。Kindle Fire 仍然 不 能 很 好 地 支持 那些 需要 用 
户 经 党 翻 查 书 中 其 他 部 分 的 深度 阅读 。 虽然 它 有 一 块 触 挽 屏 , 但 用 户 在 书 中 导航 还 是 又 慢 又 有 厂 烦 ， 
因此 我 们 不 建议 在 Kindle Fire 上 阅读 教科 书 。 

不 过 ，Kindle Fire 的 杂志 阅读 体验 在 大 多 数 时 候 其 实 也 很 糟糕 ， 因 为 杂志 内 容 没 有 为 这 种 
设备 或 者 交互 阅读 进行 设计 。 

许多 为 Kindle Fire 设计 的 杂志 很 像 那 些 第 一 代 的 iPad 杂志 应 用 ( 图 5-33 )， 它 们 本 质 上 只 
是 杂志 的 延伸 ， 即 实体 杂志 的 扫描 版 。 这 种 杂志 的 延伸 (所谓 的 页 面 视 图 ， 见 图 5-33a) 既 不 适 
合 iPad， 也 不 适合 Kindle Fire。 屏 幕 实 在 是 太 小 ， 人 们 很 难看 清 其 中 的 文字 。 因 此 有 人 发 明了 
所 谓 的 文字 视图 ( 图 5-33b )， 也 就 是 把 文章 里 的 文字 统统 导入 ， 再 加 上 一 两 张 贯 穿 始 终 的 插图 
和 一 些 非 常 简单 的 格式 。 
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5-33 《大 众 科 学 》 的 Kindle Fire 版 应 用 : (a) mE; (b) 文字 视图 
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这 种 杂志 唯一 的 导航 方式 是 使 用 快速 水 平滑 动手 势 ， 而 且 也 没有 超 链 接 ， 只 能 按 顺 序 进入 
一 篇 篇 文章 。iPad 淋 志 里 导航 过 度 的 问题 不 存在 了 了， 页面 底部 的 滑 块 是 唯一 能 快速 浏览 杂志 的 
71428 

Vanity Fair 杂志 的 Kindle Fire 版 应 用 ( 图 5-34 ) 使 用 了 一 种 与 《大 众 科 学 》 完 全 不 同 的 方 
式 。 这 款 应 用 的 界面 和 iPad 上 的 一 模 一 样 ， 既 有 超 链接 又 含有 3 种 不 同 的 导航 模式 : 目录 面板 、 
跑马 灯 页 面 浏览 硕 和 底部 的 页 面 滑 块 。 这 种 界面 比 《 大 众 科 学 》 更 优秀 ， 只 是 因为 它 提 供 了 
Veg 不 是 因为 它 的 导航 过 度 ， 而 是 因为 有 超 链 接 。 目 录 面 板 里 的 文字 太 小 ， 用 

只 是 用 它 来 找到 杂志 真正 的 目录 页 ， 然 后 把 那里 当 作 导航 起 点 。 请 注意 ， 这 和 区 应 用 还 占据 了 
Kindle 虚拟 按钮 所 使 用 的 空间 ， 用 户 需 要 导航 到 应 用 主页 (左上 角 ) 中 才能 恢复 它们 。 
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5-34 Vanity Fair & Kindle Fire 版 应 用 和 iPad 版 很 相似 : (a) 导航 栏 和 滑 块 ; (b) 目录 面板 


下 面 对 Kindle Fire 的 杂志 应 用 主要 存在 的 问题 做 个 小 结 。 

W 很 多 杀 志 没有 一 个 用 户 看 完 某 篇 文章 之 后 可 以 返回 的 “主页 ”。 
te 而 从 2010 年 初 进行 的 第 一 次 iPad 调研 开始 ， 我 们 就 
知道 用 户 有 这 个 需求 。 正 面 教 材 包 括 了 Vanity Fair, 纽约 客 》 和 其 他 一 些 本 质 上 就 是 
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iPad 复制 版 的 杂志 ， 它 们 做 到 了 让 用 户 轻 触 封面 上 的 标题 就 能 直达 对 应 的 文章 页 (图 
5-34 ), 
图 页 面 视图 是 无 法 阅读 的 ， 而 文字 视图 的 布局 是 我 们 这 些 年 来 见 过 的 最 糟糕 的 。 择 图 要 么 
太 大 ， 要 么 太 小 ， 而 且 经 向 被 放置 在 远离 相关 内 容 的 地 方 。 
B 页面 滑 块 是 一 种 少见 的 训 无 用 处 的 导航 工具 ， 它 不 提供 可 用 内 容 的 预览 ， 而 且 要 求 用 户 
的 手指 运动 精确 到 像素 级 。 虽 然 这 个 小 工具 在 测试 里 完全 没有 帮 上 用 户 的 忙 ， 但 一 些 用 
户 却说 他 们 喜欢 这 个 东西 。 这 个 绝 佳 的 例子 再 一 次 说 明 你 不 应 该 听 用 户 说 些 什么 ， 而 应 
该 观察 他 们 做 些 什 么 。 人 们 深 深 迷失 于 这 些 杂 志 之 中 ， 任 何 一 点 导航 帮助 都 像 是 一 根 救 
命 稻 草 ， 哪 怕 它 的 用 处 其 实 并 不 大 。 用 户 不 是 设计 师 ， 他 们 不 知道 还 有 其 他 很 多 导航 功 
能 可 以 代替 现 有 的 。 
B 弹出 目录 里 经 常 包含 一 些 “ 讨 巧 ” 的 标题 。 它 们 可 能 在 印刷 版 上 有 用 ， 但 是 散发 的 信息 
气味 为 堆 。 文 曹 摘要 也 好 不 到 哪儿 去 。 
B 搜索 功能 就 像 是 老 搜索 引擎 AltaVista 的 重 现 。 事 实 上 ，1998 ERAY AltaVista 还 要 优 于 
今天 的 Kindle Fire 杂志 或 报纸 搜索 ， 因 为 AltaVista 至 少 还 会 试 着 排序 搜索 结果 ， 而 不 是 
简单 列 出 所 有 匹配 关键 词 的 条 目 。 
Kindle Fire 的 屏 闪 刷新 速度 太 慢 ， 所 以 有 时 候 页 面 深 动 让 人 感觉 断断续续 的 。 而 且 按 下 命 
令 按钮 之 后 会 有 明显 的 延 运 ， 破坏 了 使 用 者 直接 操控 屏 间 的 错觉 。 

在 Kindle Fire 上 访问 应 用 和 网 站 的 效率 要 低 于 其 他 设备 ， 因 为 它 缺 少 两 个 关键 的 物理 按钮 : 
一 个 用 于 回 到 初始 屏幕 (就 像 在 Kindle Keyboard 上 )， 另 一 个 用 于 调节 音量 ORRE iPad 上 )。 
如 果 有 一 个 实体 的 后 退 按钮 ， 也 能 让 交互 过 程 变 得 更 加 流畅 ， 就 像 在 Android 手机 上 。 对 那些 
通过 隐藏 虚拟 按钮 来 获得 更 多 屏 算 空间 的 应 用 来 说 ， 用 户 必须 触摸 屏 疾 才能 唤 出 包含 这 些 按钮 
的 控制 条 。 虽 然 这 种 交互 操作 在 一 段 时 间 之 后 不 再 像 之 前 那么 不 自然 了 ， 但 是 相 比 真实 存在 的 
按钮 仍然 多 了 一 个 步骤 。 不 过 ，Kindle Fire 抛弃 全 键盘 的 决定 是 正确 的 。 在 小 型 设备 上 为 从 A 
到 Z 的 键 留 出 空间 是 一 种 浪费 ， 而 且 对 大 多 数 输 入 来 说 ， 屏 幕 键盘 就 已 经 够 用 了 。 

Kindle Fire 的 许多 地 方 还 存在 着 简陋 、 落 伍 和 糟糕 的 UI 设计。 正如 图 5-35 中 的 例子 所 示 ， 

触摸 按钮 后 的 高 之 反馈 面 积 太 小 ， 你 的 手指 经 常会 迟 住 它 ， 导 致 无 法 看 见 。 



























































图 5-35 人 靠近 后 你 会 看 到 按 下 的 按钮 周围 高 亮 显 示 的 
边缘 ， 只 是 用 户 的 手指 经 常会 完全 遮 住 这 种 反馈 








手机 和 平板 电脑 上 的 反馈 面积 应 该 大 到 让 用 户 在 手指 边 上 也 能 看 见 ， 这 是 一 条 基本 的 视觉 
设计 可 用 性 原则 。 亚 马 逊 在 这 里 犯 了 个 大 错 。 另 外 一 个 让 我 们 的 茶 些 测 试用 户 出 错 的 糟糕 设计 
是 在 Silk Web 训 览 华里 ， 它 允许 用 户 选 中 下 拉 沫 单 文 本 当中 的 一 个 个 单词 。 事 实 上 ， 这 么 出 错 
实在 是 太 容 易 了 了， 用 户 经 常 想 的 是 触发 亲 单 项 ， 结 来 却 成 了 选中 单词 。 
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如 果 我 们 热爱 阴谋 论 的话 ， 会 说 亚 马 偿 故意 设计 了 这 种 糟糕 的 Web 浏览 体验 ， 目 的 是 避免 
Kindle Fire 用 户 在 竞争 网 站 上 购物 。 亚 马 逊 自己 的 内 建 购物 应 用 有 着 非常 好 的 可 用 性 ， 所 以 它 
明显 知道 该 如 何 为 平板 电脑 进行 设计 。 
3. 7 英寸 平板 电脑 UX 展望 : 前 途 光 明 还 是 黯淡 ? 
7 英寸 的 平板 电脑 或 者 会 拥有 光明 的 前 途 ， 或 者 会 面临 惨淡 的 失败 。 我 们 不 太 相 信 它 的 未 
来 会 是 一 条 中 间 道 路 。 
7 英才 的 平板 电脑 要 想 成 功 ， 服 务 和 内 容 提供 商 必 须 为 这 些 设备 单独 进行 设计 。 从 印刷 物 、 
手机 、10 英寸 平板 电脑 或 者 桌面 PC 上 移植 过 来 的 设计 注定 会 失败 ,因为 它们 的 用 户 体验 很 糟糕 。 
7 英寸 平板 电脑 这 种 规格 的 设备 有 着 足够 的 独特 性 ， 必 须 被 当 作 一 种 新 平台 对 待 。 而 且 ， 这 种 
中 等 尺寸 的 平板 电脑 很 挑剔 ， 不 够 完美 的 设计 (也 就 是 移植 过 来 的 设计 ) 注定 会 失败 。 要 么 为 
7 英寸 优化 ， 要 么 死 。 
从 实际 的 角度 看 ， 如 果 7 英寸 平板 电脑 的 用 户 数量 不 到 几 百 万 ， 那 么 杂志 发 行商 、 网 站 、 
应 用 程序 设计 者 和 其 他 提供 商 单独 为 它 设计 一 个 版 本 是 无 利 可 网 的 。 除 非 有 足够 大 的 回报 ， 否 
则 维护 多 个 版 本 的 支出 将 让 他 们 难以 承受 。 
这 就 是 为 什么 我 们 对 7 英寸 的 未 来 作出 了 非 此 即 彼 的 预言 。 如 果 这 个 平台 取得 了 巨大 的 成 
功 ， 迅 速 卖 出 了 大 量 的 设备 (比如 说 ,在 2013 年 底 前 卖 了 5000 万 台 )， 那 么 我 们 就 有 了 足够 的 
经 济 基础 来 支持 一 个 为 7 英寸 优化 的 多 样 性 生态 系统 。 同 时 ， 因 为 可 选择 的 服务 非常 多 ， 用 户 
的 需求 得 到 了 充分 满足 ， 所 以 他 们 会 购买 更 多 的 7 英寸 设备 。 这 是 一 个 良性 循环 。 
但 是 , 如 果 7 英寸 平板 电脑 在 未 来 一 两 年 只 卖 出 了 窗 窗 数 百 万 台 , 那么 这 个 平台 或 者 会 消失 ， 
或 者 会 退 而 变 成 只 服务 于 那些 买 不 起 全 尺 才 平 板 电 脑 的 人 人。 目标 受 众 太 少 ， 内 容 和 服务 提供 商 
就 没有 多 少 动力 为 7 英寸 进行 优化 ， 由 此 带 来 的 糟糕 用 户 体 验 会 促使 匀 下 的 富裕 用 户 购 买 更 大 
的 平板 电脑 。 这 是 一 个 恶性 循环 。 
7 英寸 的 平板 电脑 在 用 户 体 验方 面 处 于 一 种 非常 不 稳定 的 位 置 ， 具 体 来 说 有 以 下 两 方面 。 
B 一 方面 ， 用 户 很 难 在 这 些 设备 上 轻松 、 愉 快 和 有 效率 地 使 用 众多 为 其 他 尺寸 设备 优化 的 
用 户 界 面 。7 英寸 的 屏幕 太 小 ， 不 太 容 易 浏 览 完整 版 网 站 ; 它 又 太 大 ， 不 像 手 机 那样 可 
以 每 时 每 刻 都 随身 携带 。 

图 另 一 方面 ， 如 果 使 用 为 7 英寸 平台 优化 过 的 设计 ， 也 能 提供 不 错 的 可 用 性 。 它 们 的 屏幕 
大 到 足以 显示 精美 的 图 片 和 全 彩色 插图 ， 也 能 相当 有 效率 地 支持 导航 和 其 他 用 户 行 为 。 
如 果 设 计 得 当 ，7 英寸 的 用 户 体验 要 比 手 机 更 丰 军 ， 更 令 人 愉悦。 

那些 为 7 英寸 平板 电脑 优化 过 的 设计 会 有 很 高 的 可 用 性 。 虽 然 它们 很 可 能 永远 不 能 比肩 10 
英寸 的 用 户 体验 ， 但 是 这 些 7 英寸 设备 要 便宜 得 多 ， 而 且 容 易 随 身 携带 。 和 希望 未 来 的 7 英寸 平 
板 电脑 能 比 当前 这 些 笨重 的 设备 更 轻 ， 电 池 寿 命 更 长 。 

7 英寸 平板 电脑 最 终 的 市 场 价值 能 否 文 持 这 样 的 优化 设计 大 量 涌现 ? 我 们 不 知道 ， 因 为 用 
户 研究 和 可 用 性 分 析 无 法 将 我 们 带 入 那个 领域 。 我 们 能 说 的 就 是 ， 如 果 有 利 可 图 ， 用 户 体验 就 
会 很 梭 ， 否 则 就 会 很 糟 。 至 于 现在 ，7 英寸 平板 电脑 只 能 去 适应 那些 移植 过 来 的 内 容 。 
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这 本 书 的 名 字 叫 做 移动 可 用 性 ， 但 事实 上 我 们 
之 前 只 涉及 了 电话 和 平板 电脑 。 不 仅 如 此 ， 由 于 我 
们 基本 没有 讨论 过 功能 型 手机 ， 本 书 到 目前 为 止 的 
内 容 几 乎 都 是 关于 平面 触摸 屏 的 ， 包 括 手机 上 的 小 
触摸 屏 和 平板 电脑 的 大 触摸 屏 。 本 章 我 们 将 用 一 种 
更 宽广 的 视角 来 看 待 移动 计算 ， 并 思考 未 来 可 能 
现 的 其 他 类 型 的 用 户 界 面 。 
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142 FOF 展望 未 来 


计算 机 历史 上 出 现 过 3 个 大 的 趋势 : 计算 机 变 得 越 来 越 小 ， 越 来 越 计 价 ， 使 用 环境 也 越 来 
越 广 ( 从 大 型 机 到 PC 再 到 移动 设备 ,未完 待 续 )。 我 们 预计 未 来 将 会 出 现 更 小 更 廉价 的 计算 机 ， 
它们 会 用 于 计算 那些 我 们 今 时 今日 还 不 知道 如 何 计算 的 事物 。 

另外 ,我们 预计 会 出 现 一 种 在 计算 机 历史 上 曾经 并 不 显著 的 重要 趋势 : 更 多 样 化 的 设备 。 
在 过 去 ,通常 只 有 一 种 类 型 的 计算 机 占据 着 文 配 地 位 ， 具 体 表现 为 : 

E 在 大 型 机 时 代 ，IBM 的 “ 蓝 色 巨人 ”(Big Blue) 无 处 不 在 ， 而 “七 个 小 矮人 ”(IBM 的 

小 竞争 对 手 们 ) 推出 的 计算 机 几乎 一 模 一 样 ; 
B 在 PC 时 代 ， 微 软 的 Windows TAAL, ME ME— B5 ECIE ye 4] +32 Macintosh 
看 上 去 几乎 一 模 一 样 〈 至 少 在 1995 年 以 后 ); 

m 现在， 几乎 所 有 的 智能 手机 看 上 去 都 是 一 个 样 ， 而 平板 电脑 看 起 来 像 是 太 寸 过 大 的 智能 

手机 。 

我 们 认为 ， 未 来 的 每 一 位 用 户 都 会 使 用 多 台 计 算 机 ， 而 其 中 的 许多 设备 之 间 会 存在 相当 大 
的 区 别 。 为 什么 呢 ? 首先 ， 这 是 计算 机 极度 廉价 造成 的 。 为 什么 要 限制 你 目 己 只 能 使 用 一 台 ? 
其 次 ， 当 计算 机 进入 更 多 的 生态 细 分 领域 时 ， 为 特定 环境 优化 过 的 设备 能 更 好 地 完成 任务 。 















































6.1 为 三 类 屏幕 进行 跨 媒体 设计 


许多 人 预测 ， 在 所 谓 的 “后 PC 时 代 ” 的 未 来 ， 移 动 设 备 将 会 是 唯一 重要 的 UI 平台 。 一 些 
人 其 至 建议 在 设计 网 站 时 首先 要 考虑 移动 并 ,事后 再 为 果 面 PC 修改 一 下 设计 。 

我 们 不 同意 。 

虽然 新 事物 会 消灭 旧事 物 这 种 次 法 可 以 写 一 入 好 故事 ， 但 事实 却 很 少 是 如 此 的 。 就 像 Peter 
Zollman 曾经 说 过 的 :“ 除 了 街头 公告 员 〈town crier) 可 能 算是 例外 ， 其 他 没有 一 种 新 媒体 曾 让 
老 媒体 彻底 退出 市 场 。” 虽然 有 了 电视 ,我 们 还 是 在 听 广 播 ， 更 不 用 说 还 有 现场 演出 的 剧院 。 在 
计算 机 行业 里 ， 大 型 机 依然 存在 ，IBM 还 每 年 以 此 获得 数 十 亿美 元 的 收入 。 

计算 机 已 经 很 便宜 了 ， 宦 裕 国 家 里 的 大 多 数 人 孝 有 好 几 台 设备 ， 每 种 重要 的 需求 各 用 一 台 。 
当然 ,我 们 所 说 的 “计算 机 ”这 个 名 称 不 仅 包括 PC, 还 包括 了 平板 电脑 手机、 大 型 机 和 服务 冀 。 
没 错 ， 大 多 数 家 硅 的 地 下 室 里 不 会 有 大 型 机 ， 但 许多 家 庭 客 有 一 人 台 家 庭 文件 服务 带 来 集中 存放 
他 们 的 照片 和 视频 库 。 


























6.1.1 PC 仍 将 很 重要 


Jii PC 相 比 移动 设备 有 如 下 两 种 与 生 俱 来 的 优势 。 

B 大 得 多 的 屏幕 让 用 户 一 眼 就 能 看 到 更 多 信息 。 这 可 以 增加 对 内 容 的 理解 ， 有 助 于 导航 和 
交叉 浏览 ， 还 为 比较 和 对 照 (compare-and-contrast ) 型 任务 提供 了 支持 ， 而 后 者 通常 是 
最 关键 的 高 价值 任务 。 

B 更 好 的 输入 设备 ， 有 一 个 大 键盘 和 一 个 真实 的 鼠标 。 
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大 屏 禹 和 大 输入 设备 都 是 昌 面 PC 与 生 俱 来 的 优势 ， 因 为 移动 设备 必须 足够 小 ， 用 户 才 能 
随身 携 市 。 果 面 PC 还 有 一 些 至 少 能 再 维持 10 年 的 优势 : 更 高 的 市 宽 、 强 大 的 便 件 〈 比如 更 快 
的 处 理 笨 、 更 多 的 内 存 和 更 大 的 便 盘 )、 成 玖 的 软件 以 及 打印 功能 。 

Se [fij PC 在 市 锅 和 软 便 件 方 面 的 优势 只 是 暂时 的 ， 因 为 移动 世界 的 脚步 更 快 ， 它 最 终 会 达 
到 足够 高 的 水 平 ， 能 够 满足 大 多 效用 户 在 这 些 领 域 的 需求 。 

但 是 ， 更 好 的 输入 和 输出 是 桌面 用 户 体 验 长 期 具备 的 优势 。 

我 们 是 屏幕 太 才 的 发 伐 友 一 一 大 屏幕 能 让 用 户 的 生产 力 得 到 巨 幅 提升 。 任 何人 在 体验 过 30 
天 寸 的 显示 带 之 后 部 不 会 再 想 在 小 屏 禹 上 做 大 型 项 目 『。 很 奇怪 PC 制造 商 为 什么 不 提供 再 大 
些 的 屏幕 。 

虽然 许多 任务 会 从 果 面 端 转移 到 手机 和 平板 电脑 上 ,但 是 很 大 一 部 分 仍然 会 留 在 果 面 并 。 
想 要 信 算 每 一 类 设备 能 分 到 其 中 的 几 个 百分点 是 一 个 困难 的 任务 ,但 我 们 相当 肯定 ， 大 多 数 的 
宫 价 值 任务 几乎 都 会 留 在 果 面 端 。 因 此 ， 设 备 之 间 的 价值 分 配 比重 更 倾向 于 PC， 而 时 间 分 配 比 
重 则 越 来 越 流 回 平 板 电 脑 和 手机 。 





























6.1.2 第 三 类 屏保 : 电视 


继 移动 设备 和 桌面 PC 之 后 ， 第 三 类 基于 屏幕 的 主要 UX 类 别 是 电视 。 它 的 价值 不 菲 ， 每 小 
时 用 户 时 间 从 20 美 分 到 2 美元 不 等 。( Jakob 文 付 给 有 线 电 视 公 司 的 费用 大 约 是 每 观看 1 小 时 ?2 
美元 ,不 过 他 家 看 电视 的 时 间 要 远 远 少 于 普通 家 庭 。Amazon.com 的 流 媒体 播放 一 集 《 星 际 迷 航 》 
的 收费 是 1.99 美元 ， 看 起 来 也 属于 高 问 水 平 。) 

我 们 的 关注 点 主要 在 移动 和 蝎 面 可 用 性 上 ， 因 为 很 少 有 企业 参与 基于 电视 的 交互 设计 。 它 
ATAJE FA ES a ETE OEE, TAL Ba A HL ALS] FP IR He HE DVR (Digital Video Recorder, 
数字 视频 录像 机 或 硬盘 录像 机 ) 移动 应 用 ， 越 来 越 多 的 用 户 依 靠 手 机 和 平板 电脑 来 操作 DVR, 
其 至 是 换 台 。 不 过 ， 未 来 还 是 有 希望 的 ，Kinect 的 身体 姿势 UI 就 是 个 很 好 的 例子 。 

当前 ， 为 电视 进行 设计 的 企业 主要 来 自 娱 乐 和 消费 电子 行业 。 如 果 交 互 电 视 的 可 用 性 有 了 
大 幅 提 升 ， 就 会 有 更 多 的 企业 需要 关注 这 一 平台 。 到 那 时 ， 有 一 件 事 是 肯定 的 ， 即 电视 将 需要 
一 个 明显 区 别 于 移动 和 桌面 设计 的 第 三 类 UI. 


6.1.3 Wk FH PV Us 


大 多 数 企业 很 可 能 只 会 部 署 两 类 UI 设计: 移动 UI UI. HEU Da EAT MV ES 
特点 可 能 需要 部 稍 更 多 。 无 论 最 终 的 数 子 是 多 少 ， 有 如 下 两 个 关键 要 点 需要 牢记 。 
图 为 显 阁 不 同 的 设备 类 型 单独 制作 一 侠 有 区 别 的 UI 设计 。 
图 在 各 个 设备 上 营造 出 同一 产品 系列 的 感觉 哪怕 UI 和 功能 组 合 有 所 不 同 也 要 如 此 。 这 就 
需要 有 一 侠 跨 媒体 设计 策略 。 

































































图 灵 社 区 会 员 cindy282694 GS 尊重 版 权 


第 四 类 和 第 五 类 Ul: 微型 ， 巨 型 


就 好 像 为 移动 和 桌面 (可 能 还 有 电 
JL) 设计 两 三 类 UI 还 不 够 似 的 ， 你 需要 考 
虑 的 还 有 其 他 两 种 更 极端 的 屏幕 尺寸 : 极 
其 小 的 和 极其 大 的 。 同 样 ， 它 们 都 需要 自 
己 独特 的 UI。 

微型 屏幕 包括 了 许多 消费 电子 产品 上 
邮票 大 小 的 显示 屏 (这 年 头 连 牙刷 都 有 自 
己 的 显示 屏 了 ) 。 如 果 我 们 把 定义 做 一 些 
延伸 ， 还 可 以 包括 那些 由 带 有 无 线 射频 识 
A) ( RFId ) 芯片 和 二 维 码 的 物品 所 市 来 的 


用 户 体验 。 

巨型 屏幕 包括 会 议 室 大 小 的 显示 屏 
和 智能 建筑 ， 黄 至 还 有 智能 园区 ， 比 如 能 
引导 访客 和 病人 进入 正确 的 大 楼 和 房间 的 

到 目前 为 止 ， 在 这 两 类 极端 的 UI 上 还 
没有 进行 过 多 少 可 用 性 工作 ， 但 它们 身上 
必然 带 着 挑战 。 可 以 肯定 的 是 ， 任 何 对 它 
们 来 说 恰当 的 UI 都 意味 着 必须 与 手机 和 桌 
面 PC 上 的 UI 存 在 巨大 的 区 别 。 








我 们 在 路 媒体 可 用 性 领域 的 经 验 还 不 足以 提供 一 张 详尽 的 原则 列表 ， 来 帮助 你 实现 各 平台 

相互 衔接 的 UX。 但 是 ， 我 们 知道 在 以 下 4 个 问题 上 做 出 正确 的 决定 至 关 重 要 。 

B 视觉 连续 性 。 虽 然 UI 在 不 同 尺 十 的 屏幕 上 必然 会 有 不 同 的 视觉 感受 ， 但 它们 看 起 来 应 
该 足够 相似 ， 就 像 是 从 同一 块 布 料 上 剪 下 来 的 。 不 ， 仅 仅 徽标 和 颜色 方案 相同 是 不 够 的 ， 
交互 元 素 也 必须 有 相似 的 外 观 。 页 面 布局 显然 会 有 所 差别 ， 但 你 应 当 让 用 户 在 不 同 的 平 
侣 上 都 有 把 握 能 找到 信息 。 

图 功能 连续 性 。 设 备 越 小 ， 能 舒服 加 入 的 功能 组 合 就 越 少 。 但 是 ， 应 当 让 用 户 感 到 在 任何 
位 置 都 能 用 上 同一 套 主 要 功能 。 更 重要 的 是 ， 要 让 他 们 觉得 功能 虽然 从 化 过 ， 但 是 使 用 
起 来 感觉 差不多 。 举 个 例子 ,假设 你 的 电子 商务 网 站 提供 产品 打分 功能 。 你 的 移动 网 站 
和 完整 版 网 站 应 该 使 用 相同 的 分 数 尺 度 ， 但 移动 网 站 可 以 不 让 用 户 输入 新 评论 ， 或 者 默 
认 不 显示 现 有 评论 的 全 文 。 如 果 设 计 得 当 ， 访问 移动 网 站 的 用 户 会 感觉 仍然 可 以 用 上 完 
整 版 网 站 的 评论 。 

图 数据 连续 性 。 用 户 的 数据 在 任何 地 方 都 应 该 是 一 样 的 。 因 为 功能 组 合 的 不 同 ， 某 些 数据 
有 可 能 不 是 在 任何 地 方 都 可 用 ， 但 那些 可 以 在 多 个 地 方 访 问 的 数据 应 该 是 一 致 的 。 你 不 
应 该 迫使 用 户 把 “同步 ”当成 一 个 独立 的 步骤 。 

B 内 容 连 续 性 。 我 们 知道 ， 你 为 移动 端 创作 的 内 容 必 须 比 时 面 端 简明 得 多 ,但 是 基本 的 内 
容 束 上 略 应 该 是 一 致 的 ,特别 是 应 当 在 所 有 的 平台 上 使 用 相似 的 口吻 ,这 样 你 在 任何 地 方 “ 听 
起 来 ”都 是 一 样 的 。 举 个 例子 ， 儿 童 喜欢 Web 设计 里 的 虚拟 人 物 。 如 果 你 使 用 它们 ， 你 
的 移动 网 站 可 能 没有 足够 的 空间 容纳 所 有 的 虚拟 人 物 ， 那 就 应 该 包括 完整 版 网 站 里 的 那 
些 主要 角色 。( 这 么 做 还 会 提升 视觉 连续 性 ， 虚 拟人 物 看 起 来 应 该 基本 一 样 ， 即 使 只 能 
更 少 的 像素 绘制 也 是 如 此 。 虚 拟人 物 的 复 用 也 能 提升 功能 连续 性 ， 比 如 在 围 比 这 些 人 物 
设计 导航 的 时 候 。) 

总 结 一 下 ， 跨 平台 UI 应 该 是 不 同 但 相似 的 。 
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6.2 超越 平面 世界 


更 面 电 脑 、 手 机 和 电视 的 屏幕 仍然 是 平面 的 ， 我 们 需要 更 大 胆 地 构思 多 样 化 的 未 来 。 

计算 机 将 会 有 各 种 各 样 的 形状 ， 而 其 中 的 大 多 数 并 不 一 定 第 一 眼 就 能 辨认 出 是 计算 机 。 我 
们 在 尼尔森 - 诺 受 集团 的 同事 Don Norman 在 他 的 著作 The Invisible Computer 里 称 之 为 “看 不 
见 的 计算 机 ”。 这 些 计算 机 消失 了 ， 世 界 则 变 得 更 加 计算 化 了 。 

建立 一 个 计算 化 的 环境 有 许多 方式 。 最 激进 的 一 种 是 抛弃 现实 世界 ， 移 居 虚 拟 世 界 。 虚 拟 
现实 ( Virtual Reality, VR) 经 党 可 以 通过 戴 上 涉 夯 或 者 全 封闭 式 眼镜 实现 ， 用 户 只 能 看 到 计算 
机 投影 的 图 像 。 如 采 你 看 到 的 一 切 都 是 计算 机 图 像 ， 那 你 就 像 住 进 了 计算 机 里 一 样 。 

沉浸 感 稍 逊 一 些 的 VR 界面 可 以 通过 在 某 个 特殊 房间 里 的 所 有 才 壁 、 天 花 板 和 地 板 上 投影 
图 像 来 实现 。 就 像 《 星 际 迷 航 》 里 的 全 息 甲 板 ， 不 过 通常 不 会 有 那里 面 的 安全 方 宁 ， 因 为 大 多 
数 VR 系统 是 纯 视 觉 性 的 ， 不 会 用 枪 打 你 。 

VR 很 可 能 在 游戏 和 某 些 特殊 领域 里 有 着 光 明 的 未 来 ， 比 方 说 远程 操作 的 手术 。 但 对 于 大 多 
数 日 党 和 商业 事务 而 言 ， 我 们 并 不 看 好 VR， 因为 放弃 现实 世界 牺牲 太 大 。 住 在 头套 里 这 种 生活 
方式 不 适合 大 多 数 人 。 

增强 现实 ( Augmented Reality, AR ) 技术 则 更 有 前 途 一 些 。 虽 然 我 们 仍然 位 于 现实 世界 ， 
但 是 上 面 琶 加 了 一 层 注 溥 的 数据 。 人 谷歌 眼镜 是 现在 最 流行 的 AR 系统 ， 但 是 研究 人 员 在 这 种 设 
计 上 已 经 花费 了 数 十 年 。 最 经 典 的 使 用 例子 是 ， 刁 处 鸡尾酒 会 中 的 你 能 在 每 位 客人 的 脸 劳 看 到 
他 们 投影 出 来 的 名 字 。 一 个 好 的 系统 还 能 概括 你 与 那 位 客人 过 去 的 交往 经 历 ， 并 提醒 你 之 前 想 
过 有 要 提 及 的 那些 未 决 事项 。 

图 6-1 展示 了 我 们 在 2001 年 的 一 个 设想 : 在 飞机 窗户 上 显示 一 层 数 据 。 乘 客 们 朝 窗外 看 可 
以 看 到 普通 的 地 标 “Birch 湖 ”( Birch Lake) 和 具有 个 人 意义 的 地 点 “Bob HAHI T” (Uncle 
Bob's house )。 航 空 公司 可 以 “出 租 ” 这 个 功能 的 使 用 权 ， 就 像 出 租 在 飞机 上 看 电影 时 头 戴 的 耳 
机 一 样 。 航 空 公 司 还 可 以 销售 广告 ,比如 卖 给 NEFL 来 显示 体育 场 的 位 置 ,或 者 连锁 游乐 园 .餐馆 等 。 






































m ^m 


图 6-1 2001 年 尼尔森 — 诺 曼 集 团 
视觉 工程 项 目的 概念 图 ， 某 个 航班 
的 乘客 可 以 要 求 在 朝 窗外 看 的 时 候 
显示 一 张 到 加 地 图 
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另 一 个 不 错 的 AR 例子 是 修理 手册 投影 。 当 技师 在 飞机 引擎 里 希 刚 前 进 时 只 需 看 厦 某 个 部 件 ， 
上 面 就 会 显示 出 各 种 读数 ， 包 括 关 键 数据 、 之 前 运转 情况 的 历史 信息 和 预期 故障 时 间 。 如 果 这 
名 技师 想 要 知道 某 个 特定 部 件 的 更 多 情况 ， 可 以 及 上 有 眼 或 者 说 一 句 口 涉 指 令 ， 原理 图 和 其 他 信 
县 就 会 出 现 ， 不 像 在 没有 AR 的 时 候 只 能 爬 出 引擎 去 查阅 手册 。 即 使 乔 控 式 平板 电脑 能 显示 同 
样 的 信息 ， 它 也 不 如 在 每 个 部 件 劳 直接 显示 来 得 方便 快捷 。 首 先 ， 引 擎 变 成 了 UI; 另外 ， 当 你 
试图 修理 什么 东西 的 时 候 ， 两 只 手 能 空 出 来 当然 更 好 。 

我 们 刚才 描述 的 美好 景象 是 基于 运作 良好 的 AR 系统 。 但 是 所 有 的 用 户 界 面 都 会 产生 可 用 
性 问题 ，AR 也 不 例外 。 数 据 超 载 目 然 是 一 种 隐约 可 见 的 可 用 性 问题 ， 界 面 设 计 还 要 考虑 到 如 何 
dfe AGED o 

我 们 越 干 涉 现实 , 所 引发 的 伦理 道德 疑问 就 会 越 多 。 试 想 一 下 你 能 给 视频 画面 里 的 自己 “ 添 
加 皮肤 ”"， 然 后 用 未 来 版 本 的 Skype 和 FaceTime 等 技术 投影 出 去 。 通 过 简单 的 AR 修改 ， 输 出 
的 视频 就 可 以 让 你 看 上 去 穿着 更 得 体 的 衣服 ， 并 刁 处 忙碌 的 办 公 室 环境 ， 而 不 是 在 海滩 上 无 所 
事 事 。 图 6-2 里 的 例子 演示 了 一 个 想法 : 设立 一 个 名 为 “皮肤 真相 组 织 ”( Association for Truth 
in Skins, ATIS ) 的 机 构 来 认证 用 户 所 投射 影像 的 真实 性 。 















































ATIS 等 级 1: 

皮肤 更 新 了 背景 里 的 事 
E 

ATIS 等 级 2: 


图 6-2 这 张 概念 图 出 自 2001 
年 尼尔森 - 诺 曼 集团 视觉 工程 项 
目 ， 展 示 了 对 视频 电话 图 像 进行 
不 同等 级 的 人 工 实景 ( artificial- 
reality) 修改 后 的 效果 。 在 最 高 i 
等 级 的 修改 之 后 (ATIS 3) ， 你 uo 
看 上 去 甚 至 都 不 像 你 自己 了 。 如 "988m 
果 打 电话 给 你 的 人 的 影像 没有 被 

认证 过 ， 你 出 去 和 他 们 约会 的 时 

候 束 要 小 心 了 


皮肤 还 可 以 更 新 你 的 外 
观 ， 增 加 耳环 、 衣 服 等 ， 
还 能 修改 仪容 。 你 可 以 
自己 选择 衣服 ， 也 可 以 
让 计算 机 替 你 选择 
ATIS 等 级 3: 

你 选择 一 个 想象 中 的 人 
物 来 巷 换 你 的 形象 ， 他 
能 精确 复制 你 的 表情 和 
动作 





你 自己 的 号 体 也 可 以 变 成 计算 机 的 一 部 分 。 真 正 的 脑 电 波 扫 摘 还 是 相当 遥远 的 事 ， 除 了 像 
控制 假 及 这样 的 极 庙 例 于 。 但 是 微软 公司 推出 的 Kinect 系统 已 经 能 通过 摄像 头 观察 用 户 ， 对 
他 们 的 动作 和 姿势 作出 反应 ， 哪 怕 用 户 做 的 时 候 没 有 碰 到 任何 东西 也 可 以 。 在 像 Your Shape: 
Fitness Evolved ( 图 6-3 ) 这 样 的 应 用 程序 里 ， 用 户 要 做 的 就 是 在 摄像 涉 前 健 吴 ， 计 算 机 会 实时 
提供 健 映 方法 反馈 (“做 更 深 的 下 足 ”)， 同 时 在 屏 磋 上 显示 用 户 的 影像。 
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6-3 Kinect 应 用 程序 Your 
Shape: Fitness Evolved 的 BF 
幕 截图 。 用 户 通 过 姿势 发 出 指 
令 : 他 们 伸手 探 到 空间 里 的 某 
个 空白 点 就 对 应 屏幕 里 的 影像 
按 了 一 个 按钮 





6.3 ”未 来 人 人 都 是 哈 利 : 波 特 


我 们 说 有 一 天 人 人 虱 会 像 哈 利 * 汲 特 一 样 ， 并 不 是 指 人 们 会 骑 春 扫 顺 飞 来 飞 去 ， 或 者 玩 春 
三 维 的 球 类 游戏 〈 不 过 虚拟 现实 技术 可 以 让 爱好 者 们 玩 上 购 地 奇 比 赛 ) 我 们 的 意思 是 ， 人 们 即 
将 体验 到 一 个 新 世界 ， 在 那里 ， 灵 魂 能 够 柄 县 在 以 往 没 有 生命 的 物体 上 。 

CHA + 波 特 》 从 书 的 魅力 很 大 一 部 分 来 自 于 围绕 在 哈 利 和 他 朋友 周围 的 古怪 魔法 物体 。 在 
这 些 物体 上 能 看 到 主动 性 和 活力 ， 而 不 是 固定 和 静止 不 动 。 这 正好 就 是 我 们 即将 体验 到 的 、 由 
计算 能 力 从 加 面 进 入 日 肖 万 物 所 市 来 的 转变 。 





6.3.1 下 一 代 魔 法 


以 下 是 一 些 《 哈 利 ， BORE) 系列 书 中 物体 所 带 魔力 的 例子 ， 以 及 我 们 在 未 来 是 如 何 实现 类 
似 的 能 力 的 。 

W Daily Prophet 报纸 里 的 照 刻 在 巫师 们 浏览 时 会 变 得 顶 栅 如 生 。 平 板 电 脑 已 经 能 让 我 们 在 
早餐 梨 劳 阅读 多 媒体 新 闻 了 。 再 加 上 眼球 追踪 技术 〈 还 需要 经 过 儿 代 的 发 展 )， 我 们 就 可 
以 摆 脐 那些 烦人 的 、 不 停 运动 的 视频 户 段 了 。 取 而 代 之 的 是 ， 视 频 会 以 静态 图 像 的 形式 
显示 ， 只 有 当 你 表现 出 兴趣 (和 肌 春 它 半 秒 钟 或 者 更 入 ) 时 才 会 播放 。 

图 袜子 在 太 员 的 时 候 会 大 声 尖 叫 。 开 发 者 可 以 使 用 放 在 袜子 里 〈 可 穿戴 计算 ) 或 者 环境 中 
的 传 感 带 实 现 这 个 功能 。 知 能 服装 是 未 来 计算 的 主要 人 研 完 方 回 之 一 。 

m 动作 玩偶 们 四 处 移动 ， 表 现 出 著名 岁 地 奇 球员 的 个 性 。 从 Interactive Barney 开始 我 们 就 
有 了 具备 一 定 自 主 性 的 玩具 ,但 是 个 性 目前 仍然 无 法 实现 。 

W 避 想 倪 存 储 想 法 和 记忆 以 便 日 后 提取 。 数 码 相机 会 记录 我 们 的 经 历 中 越 来 越 多 的 部 分 ， 
特别 是 在 它 与 知 近 我 们 日 程 安排 和 交际 圈 的 移动 设备 相 集成 之 后 。 也 许 今后 我 们 还 可 以 
订阅 无 处 不 在 的 监控 摄像 头 所 担 摄 的 关于 我 们 目 己 的 视频 呢 。 








图 灵 社区 会 员 cindy282694 SS 尊重 版 权 


148 A63 展望 未 来 


B 镜子 对 照 镜 者 的 外 表 评 头 品 足 。 这 个 肯定 会 被 用 于 商业 。 在 遥远 的 将 来 ， 评 论 可 能 会 由 
专家 系统 作出 ， 但 在 过 渡 时 期 ， 评 论 可 以 来 自 网 上 的 时 尚 顾问 ， 他 们 或 者 是 低 收入 国家 
的 廉价 员工 ， 或 者 是 乐于 免费 评价 其 他 人 的 热心 人 士 。 
m 全 效 望 远 镜 提供 即时 回放 。 我 们 已 经 有 了 内 置 数码 相机 的 双 简 望远镜 ， 再 加 上 像 TiVo 这 
样 提 供 即 时 回放 技术 的 系统 ， 你 就 有 了 第 一 代 全 歼 望 远 镜 。 扩 展 组 件 里 可 以 包括 一 个 用 
于 观察 乌 类 的 专家 系统 ， 它 能 将 看 到 的 任何 乌 与 乌 类 学 数据 库 进行 匹配 ， 并 在 图 像 上 标 
注 这 种 乌 的 俗名 和 拉丁 学 名 。 
B 活 点 地 图 用 图 标 表 现在 霍 格 沃 欧 城堡 里 走动 的 人 们 。 智 能 胸卡 已 经 能 让 我 们 跟踪 高 安全 
级 别 设施 里 的 员工 移动 情况 。 你 信任 的 手机 可 以 在 公共 场合 实现 这 一 功能 ， 只 待 打消 人 
们 对 于 个 人 隐私 的 顾虑 。 
我 们 还 没有 异想天开 到 建议 你 把 《 喻 利 . 波 特 》 系 列 书 当 成 下 一 代 产 品 开发 的 点 子 手 册 ， 
但 是 这 些 书 里 充满 我 们 即将 有 能 力 制造 出 来 的 产品 范例 ， 它 们 所 提供 的 一 些 点 子 也 演示 了 在 物 
理 世 界 里 如 何 体现 意识 的 方法 。 























6.3.2 不 要 伤害 麻 瓜 


哈 利 . 波 特 的 世界 还 在 为 一 层 意义 上 与 计算 机 世界 相似 。 在 《 喻 利 . 波 特 》 从 书 里 ， 整 个 
世界 由 两 种 人 组 成 , 即 一 小 群 焉 师 和 数量 远 超 前 者 的 及 瓜 《普通 人 类 )。 麻 瓜 们 对 奢 法 一 无 所 知 ， 
也 不 知道 巫师 们 的 所 作 所 为 。 

类 似 地 ， 在 我 们 的 世界 里 ， 绝 大 多 数 人 并 不 理解 计算 机 或 者 说 技术 。 科 幻 小 说 作家 Arthur 
C. Clarke 曾经 说 过 :“ 任 何 足够 先进 的 技术 看 起 来 都 和 魔术 没什么 分 别 。 不 简 的 是 ， 在 大 多 数 
人 的 眼 里 ， 计 算 机 和 互联 网 属于 这 种 “先进 的 技术 "。 各 种 事物 纷纷 出 现在 他 们 的 屏幕 上 ， 计 算 
机 还 能 提供 想 要 的 结果 ， 这 一 切 是 如 何 进行 的 ? 全 都 是 各 种 魔法 。 

TE RA + 波 特 》 从 书 里 ， 正 义 的 巫师 们 同意 放 过 麻 瓜 ， 不 对 他 们 使 用 魔法 。 看 起 来 计算 
机 有 巫师 们 可 以 从 《 哈 利 : 波 特 》 中 学 到 些 什 么 ， 因 为 他 们 运用 力量 的 方式 经 常会 危害 到 普通 人 。 

我 们 通常 会 批评 糟糕 的 互联 网 可 用 性 ， 因 为 它 降低 了 企业 网 站 产生 商业 价值 的 能 力 。 低 质 
量 的 客户 服务 意味 着 更 少 的 客户 。 但 是 ， 从 更 高 的 角度 看 ， 问 题 其 实 更 为 严重 : BE KK NES 
预期 行为 和 设计 传统 的 网 页 部 间接 赋 弱 了 用 户 脑子 里 的 Web 概念 模型 ， 从 而 减少 了 他 们 访问 其 
他 网 站 时 应 有 的 轻松 、 日 信和 愉快 的 感觉 。 那 些 将 粳 料 的 可 用 性 施加 在 这 个 世界 和 麻 瓜 们 号 上 
的 设计 师 是 真正 的 邪恶 正 师 。 
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本 附录 简要 介绍 了 我 们 早 在 2000 年 进行 的 首 
次 移动 可 用 性 调研 。 那 次 我 们 测试 了 用 户 如 何 使 用 
WAP( Wireless Application Protocol, 无线 应 用 协议 ) 
手机 访问 当时 的 在 线 服 务 。 


WAP 是 用 手机 访问 互联 网 的 一 种 早期 方式 。 不 
ij, ESN A ST AK 
WAP #3 "Wrong Approach to Portability” ( $2 
动 性 的 箱 误 实现 方式 ) 的 缩 与 。 
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我 们 加 你 介绍 这 项 早期 的 研究 是 基于 以 下 3 个 原因 。 





W 洱 灾 乐 祸 总 是 让 人 觉得 满足 ， 所 以 不 妨 看 看 自 这 些 早期 的 移动 互联 网 应 用 以 来 ,移动 设 
备 的 应 用 发 生 了 多 大 的 变化 。 

B 看 到 一 些 早期 的 研究 发 现 与 当前 的 用 户 人 研究 结果 不 谋 而 合 ， 是 一 件 很 有 意思 的 事情 。 虽 
然 技术 发 生 了 革命 性 的 变化 ， 但 人 们 仍旧 想 在 移动 设备 上 做 许多 相同 的 事情 。 比 如 ， 在 
2000 年 我 们 发 现 打发 时 间 的 应 用 是 移动 端的 杀手 铀 应 用 ， 今 天 依然 如 此 。 

B 当时 业界 对 我 们 研究 的 反应 能 给 现在 的 人 们 敲 啊 警 钟 。 手 机 行业 发 布 过 一 份 新 闻 稿 ， 指 
责 我 们 测试 的 用 户 数 量 和 花费 的 时 间 太 少 ， 不 足以 形成 可 靠 的 结论 。 

关于 最 后 一 点 ， 我 们 习惯 了 看 到 一 些 团体 吝 着 偏见 来 否定 我 们 的 可 用 性 研究 成 果 。 每 当 我 

们 提出 不 同 于 某 些 技术 或 设计 的 建议 ， 而 有 些 人 又 是 靠 推广 那些 技术 或 设计 赚钱 的 ， 这 种 事 就 

会 发 生 。 我 们 的 目的 则 很 单纯 ， 就 是 报告 一 般 用 户 的 实际 使 用 行为 ， 所 以 如 果 一 些 大 企业 想 要 

徘 压 制 人 性 需求 赚钱 的 话 ， 也 不 会 给 我 们 带 来 什么 后 果 。 

在 WAP 调研 这 个 骏 例 中 ， 我 们 测试 的 用 户 数 量 确实 不 足以 得 出 准确 的 统计 结果 。 所 以 ， 如 

果 我 们 发 现 拒 绝 此 技术 的 受 试 者 比例 是 70%， 那 么 再 做 一 项 更 大 范围 的 调研 ， 所 得 出 的 真实 数 

字 可 能 也 会 是 60% 或 80%。 但 是 ， 这 并 不 重要 ， 因 为 很 明显 可 得 出 两 点 结论 : (0) 大 多 数 人 不 

言 欢 WAP; (2) 所 有 人 都 在 这 些 用 户 界 面 上 遇 到 了 严重 妨碍 他 们 完成 任务 的 问题 。 

另外 ， 虽 然 一 周 的 WAP 手机 使 用 时 间 看 起 来 并 不 算 长 ， 但 不 笠 的 是 ， 任 何 让 消费 者 用 一 周 

时 间 都 无 法 擎 握 的 技术 注定 是 要 完蛋 的 。 

如 今 ,我 们 可 以 说 历史 已 经 为 我 们 提供 了 强 有 力 的 证 明 。 移动 信息 访问 的 表现 一 直 不 温 不 火 ， 
直到 2007 年 iPhone 市 来 了 更 好 的 用 户 界 面 后 才 有 了 转机 。 无 论 WAP 的 或 吹 者 多 么 恶毒 地 试图 
否定 我 们 的 可 用 性 调研 发 现 ，WAP 还 是 被 扫 入 了 历史 的 垃圾 堆 。 




















你 无 法 对 抗 数 十 亿 的 用 户 。 我 们 党 第 取得 最 终 胜利 的 原因 是 用 户 站 在 我 们 这 边 。 





A.1 2000 年 的 实地 调研 
2000 年 秋天 ， 我 们 在 伦敦 进行 了 一 次 对 WAP 用 户 的 实地 调研 。 在 使 用 WAP 一周 后 ， 调 研 
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参与 者 们 有 了 一 个 明确 的 结论 ， 其 中 70% 的 人 说 他 们 在 一 年 内 都 不 会 再 使 用 
WAP。 

在 这 次 调研 中 ， 我 们 给 了 20 名 用 户 每 人 一 台 WAP 手机 ， 请 他 们 使 用 一 
个 星期 ， 并且 将 他 们 的 使 用 感受 写 在 一 本 日 记 里 。 我 们 还 在 这 一 星期 开始 和 
结束 时 分 别 对 用 户 进 行 了 传统 的 可 用 性 测试 。 我 们 给 一 半 用 户 的 手机 是 爱 立 
信 R320s (图 A-1)， 男 一 半 则 给 的 是 诺基亚 7110e。 

图 A-1 展示 了 一 张 爱 立 信 R320s 的 上 照片。 屏幕 里 的 5 行文 字 是 当时 WAP 
门户 网 站 的 典型 主页 ， 其 中 的 链接 分 别 连 到 不 同 的 主题 上 。 屏 幕 下 方 的 导航 
按钮 用 来 移动 光标 。 手 机 侧 部 还 有 一 个 滚动 滑轮 ， 就 在 天 线 下 方 。 "是 ”( Yes ) 
按钮 用 于 确认 选择 ,“ 否 ”( No ) 按钮 的 功能 是 后 退 。 不 管 你 信 不 信 ， 这 部 手 
机 在 2000 年 被 认为 是 高 问 手 机 。 

















A-1 爱立信 R320s 是 我 们 在 调研 中 使 用 的 
WAP 手机 之 一 








我 们 选择 在 伦 救 进 行 调研 是 因为 英国 的 手机 市 场 比 美国 更 发 达 。 英 国 的 WAP 服务 相 比 关 国 
来 说 经 过 了 更 长 时 间 的 开发 ， 而 且 在 我 们 进行 调研 的 时 候 分 布 也 更 广泛 。 

需要 注意 的 很 重要 的 一 点 是 ， 用 户 是 在 亲 目 体验 WAP 足 足 一 周 后 才 发 表 了 对 这 一 技术 的 负 
面 评价 。 询 问 焦点 小 组 里 的 成 员 是 否 会 喜欢 上 茶 个 他 们 还 未 试用 过 的 东西 是 蝶 无 意义 的 ， 所 以 
获得 可 信 数 据 的 唯一 方式 是 在 询问 用 户 的 想法 之 前 先 让 他 们 体验 一 下 这 个 技术 。 




















A.2 WAP 是 无 用 的 


当然 ， 我 们 不 只 是 收集 想法 。 我 们 还 进行 计时 任务 效率 调研 ， 因 为 观察 是 数据 的 最 佳 来 源 。 
我 们 在 那 一 星期 开始 和 结束 时 请 用 户 用 他 们 的 WAP 手机 完成 简单 的 任务 。 表 A-1 展示 了 我 们 的 
一 些 发 现 。 

ER A-1 里 ， 第 一 个 数字 代表 用 户 在 调研 开始 时 完成 任务 所 需 的 平均 时 间 〈 分 钟 数 )， 第 二 
个 数字 则 代表 了 调研 结束 时 的 平均 值 。 


表 A-1 使 用 WAP 手机 完成 典型 任务 所 需 的 时 间 




















调研 开始 时 调研 结束 时 
阅读 国际 新 闻 标 题 1.3 分 钟 1.1 分 钟 
查看 本 地 天 气 预报 2.7 分 钟 1.9 分 钟 
阅读 电视 节目 表 2.6 分 钟 1.6 分 钟 





正如 这 张 表 所 示 ， 我 们 的 基本 绪论 是 WAP 的 可 用 性 异常 低下 ， 即 使 是 最 简单 的 任务 也 需要 
化 费用 户 太 长 时 间 ， 不 能 让 人 人 满意。 找到 当前 的 天 气 预 报 或 者 BBC1 电视 合 晚上 8 点 会 播放 什 
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么 节目 完全 不 该 耗 时 2 分 钟 。 

我 们 询问 了 一 些 互联 网 专家 ,请 他 们 估计 这 些 任务 应 该 需要 多 长 时 间 ( 他们 还 不 知道 我 们 
的 数据 )， 答 案 大 多 在 30 秒 以 内 。 考 虑 到 当时 WAP 用 户 是 按照 使 用 分 钟 数 付费 的 ， 我 们 的 一 位 
用 户 计算 后 说 ， 与 其 用 她 的 WAP 手机 查阅 BBC 晚间 节目 ， 还 不 如 买 一 大 份 报纸 只 看 电视 节目 
版 面 来 得 实惠 。 








A3 IHE EI: 回 到 1994 年 


我 们 在 2000 ER WAP 可 用 性 调研 中 的 发 现 与 我 们 在 1994 ^E. ( Mosaic W PEARY E ) 进 
行 的 几 次 调研 惊人 地 相似 。 这 真 的 就 像 旧 日 重 现 ， 我 们 得 出 的 许多 结论 与 Web 兴起 时 得 出 的 一 
模 一 样 。 和 希望 移动 应 用 能 名 人 循 Web 的 进化 脚步 : 网 站 在 之 后 几 年 ( 特别 是 1997 年 前 后 ) BUE 
越 好 ， 于 是 越 来 越 多 的 用 户 开始 使 用 Web， 商 业 应 SUR 由 此 爆发 。 

当前 WAP 服务 的 可 用 性 被 严重 地 降低 了 ， 这 是 因为 受到 了 传统 Web 设计 原则 的 误导 。 
1994 年 的 Web 设计 问题 与 此 一 模 一 样 ， 那 时 候 许 多 网 站 都 包含 “宣传 册 件 ”(brochureware ), 
它 遵 循 的 设计 原则 C 比如 说 使 用 大 图 ) 在 印刷 版 上 很 奏效 ， 却 不 适合 交互 媒介 

举 个 例子 ,我 们 碰巧 看 到 Excite 使 用 的 一 种 WAP 设 计 用 4 屏 来 呈现 实际 上 只 ui 2 屏 的 内 容 ( 图 
A-2 )。 这 个 设计 甚至 还 有 个 欢迎 页 面 。 更 糟 的 是 ， 应 该 包含 实际 文 草 内 容 的 第 4 屏 (图 A-2d ) 
并 没有 提供 任何 新 信息 ， 几 乎 就 是 前 一 屏 的 标题 内 容 。 在 小 屏幕 上 呈现 信息 的 一 条 明确 的 设计 
原则 就 是 避免 重复 显示 用 户 刚 看 过 的 内 容 。 我 们 在 2000 年 发 现 了 这 一 点 , 它 在 今天 仍然 成 立 。( 当 
然 ， 欢 迎 页 面 无 论 在 哪 一 年 都 是 个 差劲 的 设计 选择 。 ) 





























et News | | -一 
Ru | | ews 
i^ al Weather 





A-2 ”用户 不 得 不 经 过 4 屏 才 能 看 到 关于 Hatfield 铁路 的 短 短 两 行 新 闻 : (a) KUN; (b) 新 闻 类 目 菜单 ; 
C) 标题 菜单 ; (d) 文章 页 


在 Web 上 使 用 这 种 铺张 的 设计 可 能 适合 拥有 大 屏幕 PC 的 用 户 ， 但 对 小 屏幕 设备 来 说 ， 设 
计 师 必须 将 每 项 服务 精简 到 核心 部 分 ， 显 示 少 得 多 的 信息 。 

我 们 的 用 户 经 常 碰 到 含义 不 清 的 标签 和 菜单 选项 这 是 WAP 设计 师 用 他 们 发 明 的 特殊 语言 
编写 的 。“ 新 说 法 ”(NewSpeak ) 在 Web 发 展 初期 很 流行 ， 许 多 网 站 在 服务 中 使 用 了 目 己 发 明 的 
巧妙 词汇 ， 试 图 用 独到 的 声言 来 打造 网 站 品牌 。 这 种 方法 行 不 通 。 用 户 要 的 是 无 需 思考 的 、 用 
标准 术语 来 指 代 标 准 功能 的 设计 。 这 种 对 人 简明 语言 的 需求 在 WAP 上 更 为 强烈 ， 因 为 没有 空间 可 
以 放置 翻转 效果 、 图 标 或 注释 来 解释 这 些 非 标准 术语 。 
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我 们 测试 的 一 些 WAP 服务 很 难 用 ， 因 为 它们 的 信息 架构 和 用 户 任 务 不 匹配 。 举 个 例子 ， 电 
视 节 目 单 是 按照 电视 网 排列 的 ， 这 就 意味 春 你 必须 经 过 该 服务 中 的 好 几 个 部 分 才能 找到 坚 上 8 
点 的 节目 。( 一 屏 显 示 BBC1， 另 一 屏 显 示 BBC2， 以 此 类 推 。 切 换 这 一 系列 屏幕 慢 得 烦人 。 ) 

WAP 服务 想 要 成 功 就 必须 进行 非常 精准 的 任务 分 析 。 不 华 的 是 ， 任 务 分 析 对 于 大 多 数 人 来 
说 就 像 魔 术 一 样 , 是 可 用 性 工程 里 最 不 为 人 所 知 的 部 分 。 传 统 的 Web 同样 受 困 于 任务 分 析 不 足 : 
许多 网 站 的 架构 部 是 基于 企业 管理 层 的 想法 ,而 非 用 户 通 常 处 理 任务 的 方式 。 对 任务 的 支持 不 
足 在 大 屏 用 的 网 站 上 是 个 严重 的 可 用 性 问题 ， 而 在 小 屏幕 的 WAP 服务 上 就 是 可 用 性 灾难 了 。 在 
大 屏 昼 上 ， 用 户 能 看 到 多 得 多 的 符 代 选项 ， 所 以 设计 师 不 用 非得 在 每 个 步骤 上 做 出 正确 无 误 的 
选择 。 而 对 于 WAP 来 说 ， 不 正确 就 意味 春 死 亡 。 

我 们 的 一 个 WAP 可 用 性 发 现 是 在 Web 上 没有 中 到 过 的 ， 那 就 是 服务 之 间 缺 乏 清 晰 的 区 分 。 
就 像 我 们 的 一 位 用 户 指 出 的 ， 如 果 比 较 《 金 融 时 报 》 和 《 卫 报 》， 在 现实 世界 里 你 找 不 出 比 它们 
之 间 区 别 更 大 的 两 份 报纸 了 ,但 在 WAP 上 你 却 难 以 区 分 两 者 。 

网 站 面临 的 问题 却 笛 笛 相反 : 它们 之 间 的 区 别 太 大 了 。 在 WAP 上 ， 服 务 的 表现 力 被 极 大 地 
削弱 了 ， 因 为 需要 将 所 有 栏目 挤 进 超 短 的 染 单 中 ， 内 容 也 需要 遍 度 精 倘 后 才能 呈现 。 服 务 提 供 
商 必 须 培 养 对 语言 的 新 审美 ， 雇 用 能 用 最 少 的 文字 表达 独特 想法 的 所 入 人 。 这 将 是 让 WAP 服务 
独树一帜 的 真正 方式 。 















































A.4 移动 端的 杀手 级 应 用 : 打发 时 间 


有 前 途 的 移动 互联 网 服务 采用 两 种 模式 , 这 两 种 模式 虽然 过 然 不 同 ,但 神 能 很 好 地 服务 用 户 。 
B 局 度 目 标 驱动 型 服务 任 力 于 为 特定 问题 提供 快捷 的 管 案 。 例 子 包括 “我 的 航班 被 取消 了 了， 
给 我 预订 一 张 新 机 票 ” 和 “今天 天 气 怎么 样 ”。 
B 专注 娱乐 型 服务 的 唯一 目的 是 打发 时 间 。 例 子 包 括 流言 八卦 、 游 戏 和 体育 服务 。 流 言 八 
卦 特别 适合 WAP， 因 为 内 容 可 能 会 很 简短 ， 但 仍然 能 满足 用 户 的 好 奇 心 。 
移动 服务 必须 提供 给 用 户 即 时 和 符合 上 下 文 环境 的 内 容 。 像 购物 这 样 的 一 般 性 服务 不 太 可 
能 在 移动 环境 里 取得 成 功 。 事 实 也 是 如 此 ， 用 户 收 藏 的 服务 列表 里 基本 没有 购物 ， 体 育 和 娱乐 
是 最 大 的 两 个 门类 。 
打发 时 间 是 移动 设备 上 的 完美 应 用 ， 这 是 因为 它们 在 用 户 等 竺 共事 发 生 时 立即 可 用 。 在 公 
区 车 站 ? 玩 一 小 会 儿 游 戏 。 正 在 排队 ?看 一 段 八卦 。 堵 在 纹 丝 不 动 的 车 流 里 了 ? 看 看 你 最 爱 球 
队 的 得 分 。 
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旭 利 剖析 用 户 心理 ， 直 接 提 炼 设计 要 义 
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WW 
打造 高 可 用 性 的 移动 产品 


“本 书 见解 深刻 却 易于 阅读 ， 实 为 Nielsen 先 生 的 一 贯 风 格 ! 它 很 好 地 前 明了 哪些 移动 应 用 设计 决策 
是 错误 的 ， 哪 些 又 是 正确 的 。 本 书 是 要 帮助 我 们 从 一 开始 就 避免 犯 那些 容易 犯 的 错误 ! C 

“无 论 你 翻 到 哪 一 页 ， 都 能 找到 一 些 宝贵 的 常识 性 建议 。 这 些 建议 可 不 是 谁 都 能 自己 摸索 出 来 的 ， 因 
为 现实 已 经 证 明 ， 开 发 者 常常 当局 者 迷 ， 并 不 理解 用 户 想 要 如 何 与 应 用 程序 交互 | 本 人 就 是 一 名 开发 者 ， 
曾 有 过 切身 的 体会 。 

“本 书 内 容 真 令 人 大 开眼 界 ! 它 让 你 认识 到 在 进行 Web 写 作 时 ， 如 何 针 对 移动 设备 制作 有 意义 的 内 
Bo MPAA, Wai mE! C 





亚马逊 读者 评论 


如 何 才 能 为 今天 的 智能 手机 和 平板 电脑 用 户 设计 出 最 棒 的 网 站 和 应 用 ? 如 何在 受到 限制 的 小 型 设备 上 
创造 出 让 人 满意 的 用 户 体验 ? 

本 书 提供 了 至 关 重 要 的 洞 见 ， 帮 助 你 制定 移动 战略 ， 针 对 小 屏幕 进行 设计 和 写作 。 围 绕 着 移动 设备 
( 主要 是 智能 手机 和 触 屏 手 机 ) 上 的 可 用 性 ， 本 书 先后 讨论 了 企业 的 移动 战略 、 针 对 小 屏幕 的 设计 、 移 动 
应 用 的 写作 、 可 用 性 对 比 等 主题 ， 最 后 还 对 移动 可 用 性 的 未 来 进行 了 展望 。 书 中 列举 了 许多 知名 网 站 和 应 
用 作为 实例 ， 襄 析 了 其 缺陷 ， 指 出 了 改善 的 方法 ， 并 配备 了 200 多 张 全 彩 界 面 图 加 以 详细 说 明 。 

第 一 作者 Nielsen 被 党 为 “Web 可 用 性 之 王 ”， 是 该 领域 首屈一指 的 权威 人 物 。 书 中 的 结论 基于 作者 
的 可 用 性 咨询 公司 多 年 来 所 做 的 一 系列 专家 评议 和 国际 调研 ， 来 自 于 真正 的 用 户 实践 ， 经 得 起 时 间 的 检 
验 。 理 解 本 书 提出 的 设计 原则 ， 定 会 帮助 设计 师 、 软 件 开发 者 、 文 案 编 写 者 、 编 辑 、 产 品 经 理 和 广告 主 理 
解 该 如 何 为 客户 制作 移动 网 站 和 应 用 ， 以 及 如 何 顺 应 移动 应 用 的 未 来 趋势 来 改善 用 户 体验 。 
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最 前 沿 的 IT 类 电子 书 发 售 平台 


电子 出 版 的 时 代 已 经 来 临 。 在 许多 出 版 界 同 行 还 在 犹 
豫 簿 得 的 时 候 ， 图 灵 社 区 已 经 采取 实际 行动 拥抱 这 个 
出 版 业 巨 变 。 作 为 国内 第 一 家 发 售 电子 图 书 的 IT 类 出 
厂商 ， 图 灵 社 区 目前 为 读者 提供 两 种 DRM-free 的 阅读 
体验 : 在 线 阅 读 和 PDF。 


相 比 纸 质 书 ， 电 子 书 具 有 许多 明显 的 优势 。 它 不 仅 发 
布 快 ， 更 新 容易 ， 而 且 尽 可 能 采用 了 彩色 图 片 〈 即 使 
有 的 书 纸 质 版 是 黑 日 印刷 的 ) 。 读 省 还 可 以 方便 地 进 
ITIR DS EAF EN 


最 方便 的 开放 出 版 平台 


图 灵 社 区 向 读 着 开放 在 线 写作 功能 ， 协 助 你 实现 目 出 
版 和 开源 出 版 的 梦想 。 利 用 “合集 功能 ， 你 就 能 思 
合 二 三 好 友 共 同 创作 一 部 技术 参考 书 ， 以 免费 或 收费 
的 形式 提供 给 读者 。 (收费 形式 须 经 过 图 灵 社 区 立项 
评审 。) 这 极 大 地 降低 了 出 版 的 门 征 。 只 要 你 有 写作 
的 意愿 ， 图 灵 社 区 就 能 帮助 你 实现 这 个 梦想 。 成 熟 的 
书稿 ， 有 机 会 入 选 出 版 计划 ， 同 时 出 版 纸 质 书 。 


图 灵 社 区 引进 出 版 的 外 文 图 书 ， 都 将 在 立项 后 马上 在 
社区 公布 。 如 有 果 你 有 意 翻 译 哪 本 图 书 ， 欢 迎 你 来 社区 
申请 。 只 要 你 通过 试 译 的 考验 ， 即 可 签约 成 为 图 灵 的 
译 者 。 当 然 ， 要 想 成 功 地 完成 一 本 书 的 翻译 工作 ， 是 
需要 有 坚强 的 多 力 的 。 


欢迎 加 入 


Z| RAL IX 


图 灵 社 区 进一步 把 传统 出 版 流程 写 电子 书 出 版 业务 
紧密 结合 ， 目 前 已 实现 作 译 者 网 上 交 稳 、 编 辑 网 上 
审 稳 、 按 草 发 布 的 电子 出 版 模式 。 这 种 新 的 出 版 模 
式 ， 我 们 称 之 为 “敏捷 出 版 ”， 它 可 以 让 读者 以 较 
快 的 速度 了 解 到 国外 最 新 技术 图 书 的 内 容 ， 弥 补 以 
往 翻 译 版 技术 书 “ 出 版 即 过 时 ”的 缺憾 。 同 时 ， 敏 
捷 出 版 使 得 作 、 译 、 编 、 读 的 交流 更 为 方便 ， 可 以 
提前 消灭 书稿 中 的 钳 误 ， 最 大 程度 地 保证 图 书 出 版 
的 质量 。 


最 直接 的 读者 交流 平台 


在 图 灵 社 区 ， 你 可 以 十 分 方便 地 写作 文章 、 提 交 葛 
误 、 发 表 评 论 ， 以 各 种 方式 与 作 译 者 、 编 辑 人 员 和 和 
其 他 读者 进行 交流 互动 。 提 交 勘 误 还 能 够 获 赠 社区 
银子 。 


你 可 以 积极 参与 社区 经 前 开展 的 访谈 、 审 读 、 评 选 
等 多 种 活动 ， 恬 取 积 分 和 银子 ， 积 累 个 人 声望 。 


Ituring.com.cn 
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